search function

zhetic-poc/js/catalog.js

@@ -1,11 +1,14 @@
-$(document).ready(function () {
+function load() {
     $.ajax({
         dataType: "json",
         url: "http://"+window.location.hostname+"/db.json",
         headers: { "Accept": "application/json"},
         success: function (res) {
             let strCatalog = "";
+            let strSearch = document.getElementById("search").value;
             res.forEach(manga => {
+                if (strSearch != "" && !manga["title"].toLowerCase().includes(strSearch.toLowerCase()))
+                    return;
                 strCatalog += '<tr>\
                     <td class="cover">\
                         <img class="thumbnail" src="img/covers/'+manga["id"]+'.jpg"/>\
@@ -26,5 +29,7 @@ $(document).ready(function () {
             document.getElementById("titles").innerHTML = strCatalog;
         }
     });
+}
+$(document).ready(function () {
+    load();
 });
-

zhetic-poc/manga.html

@@ -20,6 +20,7 @@
     Generated from /db.json
     <center>
         <input id="search" type="text" placeholder="Search">
+        <button id="loadButton" type="button" onclick="load();">load</button>
     </center>
     <table id="titles">
         <tr>