15 Lesson

DevNexS · DevNexS · commit 3e548bd9b415 · 2021-03-16T14:07:23.000+02:00
diff --git a/app.js b/app.js
@@ -32,4 +32,14 @@ addForm.addEventListener('submit', function(e){
     li.appendChild(bookName);
     li.appendChild(deleteBtn);
     list.appendChild(li);
+});
+
+// hide books
+const hideBox = document.querySelector('#hide')
+hideBox.addEventListener('change', function(e){
+    if(hideBox.checked){
+        list.style.display = "none";
+    } else {
+        list.style.display = "initial";
+    }
 });
diff --git a/index.html b/index.html
@@ -39,6 +39,8 @@ <h2 class="title">Books to Read</h2>
         </ul>
     </div>
     <form id="add-book">
+        <input type="checkbox" id="hide" />
+        <label for="hide">Hide all books</label>
         <input type="text" placeholder="Add a book..." />
         <button>Add</button>
     </form>
