save a note to localstorage as an Object

css/notes_app.css

@@ -26,12 +26,12 @@ body{
     border:1px black solid;
 }
 
-#memo{
+#noteText{
     width: 300px;
     height: 150px;
     box-sizing: border-box;
 }
 
-#input1{
+#inputTitle{
     margin-bottom:5px;
 }

html/index.html

@@ -18,18 +18,16 @@
         </h6>
     </div>
     <div id=addNoteDiv>
-        <button type="button" id=addNote>+</button>
+        <button type="button" id=addNoteButton>+</button>
     </div>
-
     <div id=noteFormDiv>
         <form id=noteForm>
-            <input type="text" name="noteTitle" id="input1" placeholder="Enter title...">
+            <input type="text" name="noteTitle" id="inputTitle" placeholder="Enter title...">
             <div>
-                <textarea name=noteText id=memo placeholder="Enter notes..."></textarea> 
+                <textarea name=noteText id=noteText placeholder="Enter notes..."></textarea> 
             </div>
-            <button type="button" id=saveNote>Save</button>
+            <button type="button" id=saveNoteButton>Save</button>
         </form>   
     </div>
-    
 </body>
 </html>

scripts/notes_app.js

@@ -2,4 +2,38 @@ $(document).ready(function(){
     $("#addNoteDiv").on('click', function() {
         $("#noteFormDiv").toggle()
     })
+    $("#saveNoteButton").click(getNoteObject);
 })
+
+const noteFolder = "C:\\Users\\wuest\\Desktop\\Studium\\Master\\MDT5\\Hofmann\\Praktikum\\WebApp\\notes\\";
+
+function saveNoteObject(){
+    let noteTitle = document.getElementById('inputTitle').value;
+    let noteText = document.getElementById('noteText').value;
+
+    let noteObj = {
+        title: noteTitle,
+        text: noteText
+    };
+
+    let noteObj_serialized = JSON.stringify(noteObj);
+    localStorage.setItem("noteObj", noteObj_serialized);
+}
+
+function getNoteObject(){
+    
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+