static/index.js

@@ -17,6 +17,7 @@ function renderItems() {
   const container = document.getElementById('results');
   const template = document.getElementById('item');
   const loading = document.getElementById('loading');
+  let count = 0;
 
   for (const [id, item] of Object.entries(items)) {
     const clone = template.content.cloneNode(true);
@@ -32,11 +33,13 @@ function renderItems() {
     clone.querySelector("a").href = `form.html?id=${encodeURIComponent(id)}`;
     if (item.hidden) {
       clone.querySelector(".result").classList.add('hidden')
-    };
+    } else {
+      count++;
+    }
     container.appendChild(clone);
   };
   loading.remove();
-  updateCounter();
+  updateCounter(count);
 }
 
 function getLocString(items, item) {
@@ -68,6 +71,7 @@ function search(e) {
   const searchAttrs = ['id', 'name', 'type', 'note', 'content'];
   const query = e.target.value;
   const regex = new RegExp(query, 'i')
+  let count = 0;
 
   for (const elem of document.getElementsByClassName('result')) {
     const item = items[elem.id.slice(5)];
@@ -86,31 +90,26 @@ function search(e) {
 
     if (found) {
       elem.classList.remove('filtered');
+      count++;
     } else {
       elem.classList.add('filtered');
     }
   }
-  updateCounter();
+  updateCounter(count);
 }
 
-function updateCounter(){
-  let count = 0;
-
-  for (const elem of document.getElementsByClassName('result')) {
-    if (!elem.matches('.filtered')) {
-      count++;
-    }
-  }
+function updateCounter(count){
+  const itemcount = document.getElementById('itemcount');
 
   switch(count) {
     case 0:
-      document.getElementById('itemcount').textContent = 'No items found.';
+      itemcount.textContent = 'No items found.';
       break;
     case 1:
-      document.getElementById('itemcount').textContent = '1 item found.';
+      itemcount.textContent = '1 item found.';
       break;
     default:
-      document.getElementById('itemcount').textContent = `${count} items found.`;
+      itemcount.textContent = `${count} items found.`;
       break;
   }
 }