15 lesson

EdgarsBe · EdgarsBe · commit 8119d4f888ef · 2021-03-16T14:17:27.000+02:00
diff --git a/app.js b/app.js
@@ -32,7 +32,17 @@ 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
@@ -38,6 +38,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>
diff --git a/styles.css b/styles.css
@@ -115,6 +115,13 @@ h1, h2{
     clear: both;
 }
 
+#add-book #hide{
+    width: 30px;
+}
+
+#add-book #label{
+    line-height: 52px;
+}
 /*
 #tabbed-content li{
     display: inline-block;
