diff --git a/app.js b/app.js index c5b71d7..f0f92bc 100644 --- a/app.js +++ b/app.js @@ -1,4 +1,4 @@ -//DOM selectors + showNotes(); let addbtn = document.getElementById("addBtn"); let done = document.getElementById("editBtn"); @@ -7,12 +7,10 @@ let searchTxt = document.getElementById("searchTxt"); let heading = document.getElementById("heading"); let volumeButton = document.getElementById('mute-button'); done.style.visibility="hidden"; -//Event listeners + addbtn.addEventListener("click", addaNote); searchTxt.addEventListener("input", searchtext); -//Functions -// let notesArray=[] function showNotes() { let notes = localStorage.getItem("notes"); if (notes == null) { @@ -165,4 +163,4 @@ function toggleMute() { volumeButton.classList.remove('fa-volume-up'); volumeButton.classList.add('fa-volume-mute'); } -} \ No newline at end of file +} diff --git a/index.html b/index.html index 7672c27..22d2374 100644 --- a/index.html +++ b/index.html @@ -2,77 +2,58 @@ - - - - - Notes app - - - + - - - - - - - +
-

Welcome To Notes

+

Welcome To Notes

-
+
Add a note
@@ -80,35 +61,20 @@
Add a note
- - + +
-

Your Notes

+

Your Notes

+ + +
- - - - - - - - - + - \ No newline at end of file + + diff --git a/style.css b/style.css index b3b8b68..e69f8a5 100644 --- a/style.css +++ b/style.css @@ -114,7 +114,7 @@ body { border-radius: 50%; } .blue-mute { - color: #637cf3; + color: #8763f3; font-size: 40px; margin-right: 20px; cursor: pointer;