diff --git a/‎app.js‎
Lines changed: 15 additions & 0 deletions b/‎app.js‎
Lines changed: 15 additions & 0 deletions
@@ -42,4 +42,19 @@ hideBox.addEventListener('change', function(e){
     } else {
         list.style.display = "initial";
     }
+});
+
+// filter books
+const searchBar = forms['search-books'].querySelector('input');
+searchBar.addEventListener('keyup', (e) => {
+    const term = e.target.value.toLowerCase();
+    const books = list.getElementsByTagName('li');
+    Array.from(books).forEach((book) => {
+        const title = book.firstElementChild.textContent;
+        if(title.toLowerCase().indexOf(e.target.value) != -1){
+            book.style.display = 'block';
+        } else {
+            book.style.display = 'none';
+        }
+    });
 });