Function addNewNote

assets/js/google_keep.js:18–69

(text = '')

}

const addNewNote = (text = '') =>{

    const note = document.createElement('div');
    note.classList.add('note');

    const htmlData =`
     <div class="operation">
            <button class="edit"><i class="fas fa-edit"></i></button>
            <button class="delete"><i class="fas fa-trash-alt"></i></i></button>
        </div>

        <div class="main ${text ? "" : "hidden"}"></div>
        <textarea class="" ${text ? "hidden" : ""}></textarea> `;

    note.insertAdjacentHTML('afterbegin',htmlData);
    console.log(note);

    const editButton = note.querySelector('.edit');
    const delButton = note.querySelector('.delete');
    const maindiv = note.querySelector('.main');
    const textArea = note.querySelector('textarea');

    // deleting note
    delButton.addEventListener('click', () =>{
        note.remove();
        updateLSData();
    });

    // edit button
    textArea.value = text;
    maindiv.innerHTML = text;


    editButton.addEventListener('click', () =>{
        maindiv.classList.toggle('hidden');
        textArea.classList.toggle('hidden');
    })

    textArea.addEventListener('change', (event) => {
        const value = event.target.value;
        // console.log(value);
         maindiv.innerHTML = value;

         updateLSData();
    })




    document.body.appendChild(note);

}

// gettin json data