145. Converting Notes App: Part IV

Author: Max Kelly

notes-app/node_modules/.cache/uglifyjs-webpack-plugin/content-v2/sha512/44/ab/3c001212f37e885e63cf9f7da6f928e33954f683e56f561bb794761241227d18d4b2c95898ffb4677338ae9948fd4008b14cea8650e08cea23f00b4b6f24

@@ -1 +1,40 @@
-console.log('edit.js')
+import { initializedEditPage, generateLastEdited } from './views'
+import { updateNote, removeNote } from './notes'
+
+const titleElement = document.querySelector("#note-title");
+const bodyElement = document.querySelector("#note-body");
+const dateElement = document.querySelector("#edited");
+const removeElement = document.querySelector("#remove-note");
+const noteId = location.hash.substring(1);
+
+initializedEditPage(noteId)
+
+
+// This saves the title of the note.
+titleElement.addEventListener("input", e => {
+    const note = updateNote(noteId, {
+        title: e.target.value
+    })
+    dateElement.textContent = generateLastEdited(note.updatedAt)
+});
+
+// This saves the body of the note.
+bodyElement.addEventListener("input", e => {
+    const note = updateNote(noteId, {
+        body: e.target.value
+    })
+    dateElement.textContent = generateLastEdited(note.updatedAt);
+});
+
+// This removes the note and redirects the user back the /index.html
+removeElement.addEventListener("click", e => {
+    removeNote(noteId);
+    location.assign("/index.html");
+});
+
+// The below code lets the console listen and any changes made in the window will update across other windows.
+window.addEventListener("storage", e => {
+    if (e.key === "notes") {
+        initializedEditPage(noteId)
+    }
+});