video16

Ar4is · Ar4is · commit 7e0f45fbef6e · 2021-03-23T13:28:58.000+02:00
diff --git a/app.js b/app.js
@@ -44,3 +44,17 @@ hideBox.addEventListener('change',function(e){
         list.style.display = "inital";
     }
 });
+
+// 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';
+    }
+})
