lesson 16

ZaDivan · ZaDivan · commit 0f52f4798049 · 2021-03-16T15:12:07.000+02:00
diff --git a/app.js b/app.js
@@ -42,4 +42,19 @@ hideBox.addEventListener('change', function(e){
   } else {
     list.style.display = "initial";
   }
-});
+});
+
+// filter books
+const searchBar = document.forms['search-books'].querySelector('input')
+searchBar.addEventListener('keyup', function(e){
+  const term = e.target.value.toLowerCase()
+  const books = list.getElementsByTagName('li');
+  Array.from(books).forEach(function(book){
+    const title = book.firstElementChild.textContent;
+    if(title.toLowerCase().indexOf(term) != -1){
+     book.style.display = 'block';
+    } else {
+      book.style.display = 'none';
+    }
+  })
+})
