Doogle-Keep-App

Trying to make Clone of google keep app with the help of html-css-javascript and used localstorage also to store the data. This application can basically add the notes, delete them, edit and save those notes.

🔗 Link : shra2703.github.io/Doogle-Keep-App/

💻 Functionality:

1)Adding the note with the help of ADD NOTE BUTTON.

2)Writeing anything and saving the text with the help of SAVE BUTTON and again by Clicking the same save button we can edit the saved text.

3)Can also delete the saved text with the delete button at top.

💾 Storage:

LocalStorage is used for storing the data

// to set the item in the local Storage
const saveChanges = () => {
    const textAreaData = document.querySelectorAll('textarea');
    const notes = [];

    textAreaData.forEach((note) => {
       return notes.push(note.value);
    })
    console.log(notes);
    localStorage.setItem('notes', JSON.stringify(notes));
}

// getting data from the local storage
const notes = JSON.parse(localStorage.getItem('notes'));

  if(notes) {
      notes.forEach((note) => addNewNote(note));
  }
});