notesApp

index.html

@@ -21,6 +21,18 @@ <h2 class="header">Note Taker App</h2>
 var textElement = document.getElementById("note")
 
 function saveNote() {
-
+    if (textElement.value === ""){
+        return alert("text is empty");
+    }
+
+    const id = getNoteId();
+    let noteObject = getExistingNotes();
+    if(!noteObject){
+        noteObject = {}
+    }
+
+    noteObject[id] = textElement.value;
+    localStorage.setItem('notes', JSON.stringify(noteObject));
+    alert("Note Saved!")
 }
 </script>

index.js

@@ -0,0 +1,19 @@
+function getNoteId() {
+    let noteObject = getExistingNotes()
+    if(!noteObject){
+        return 1
+    }
+
+    const keysArray = Object.keys(noteObject);
+    const numberKeys = keysArray.map((key) => Number(key))
+    console.log(numberKeys);
+    return Math.max( ... numberKeys) + 1;
+}
+
+function getExistingNotes() {
+    let notes = localStorage.getItem('notes')
+    if(!notes){
+        return null
+    }
+    return JSON.parse(notes);
+}

index2.html

@@ -15,6 +15,17 @@
 
 
 <script>
-
-
-</script>
+    (
+        function getNotes(){
+        let notes = getExistingNotes();
+        let notesArray = Object.values(notes);
+        let orderedList = document.getElementById('notes-list')
+        notesArray.forEach(note => {
+            let listItem = document.createElement('li')
+            listItem.innerHTML = note
+            orderedList.appendChild(listItem)
+
+        })
+    })()
+
+</script>