From 19b3323853279a1e8900026eceba501518783be2 Mon Sep 17 00:00:00 2001
From: Muskan-kagzi <muskankagzi65@gmail.com>
Date: Mon, 18 May 2026 23:25:34 +0530
Subject: [PATCH] Fix search bar functionality

---
 assets/js/script.js | 26 ++++++++++++++++++++------
 index.html          |  4 ++--
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/assets/js/script.js b/assets/js/script.js
index cc8356a13c..5e7bdc1d6d 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -297,15 +297,29 @@ for (let i = 0; i < navigationLinks.length; i++) {
   }
 }
 
+// function search_game() {
+//   let input = document.getElementById("searchbar").value;
+//   input = input.toLowerCase();
+//   // let searchelement = document.getElementsByClassName("project-item  active");
+//   let searchelement = document.querySelectorAll(".project-item");
+//   for (let i = 0; i < searchelement.length; i++) {
+//     if (!searchelement[i].innerHTML.toLowerCase().includes(input)) {
+//       searchelement[i].style.display = "none";
+//     } else {
+//       searchelement[i].style.display = "list-item";
+//     }
+//   }
+// }
+
 function search_game() {
-  let input = document.getElementById("searchbar").value;
-  input = input.toLowerCase();
-  let searchelement = document.getElementsByClassName("project-item  active");
+  let input = document.getElementById("searchbar").value.toLowerCase();
+  let searchelement = document.querySelectorAll(".project-item");
   for (let i = 0; i < searchelement.length; i++) {
-    if (!searchelement[i].innerHTML.toLowerCase().includes(input)) {
-      searchelement[i].style.display = "none";
-    } else {
+    let text = searchelement[i].innerText.toLowerCase();
+    if (text.includes(input)) {
       searchelement[i].style.display = "list-item";
+    } else {
+      searchelement[i].style.display = "none";
     }
   }
 }
diff --git a/index.html b/index.html
index 87ec8e3824..6817b75007 100644
--- a/index.html
+++ b/index.html
@@ -200,8 +200,8 @@
 
         <div class="search-container" id="search-container-id">
 
-          <input type="text" class="search-input" placeholder="🕹️ Search for Games..."  id="searchbar">
-
+          <!-- <input type="text" class="search-input" placeholder="🕹️ Search for Games..."  id="searchbar"> -->
+<input type="text" class="search-input" placeholder="🕹️ Search for Games..." id="searchbar" onkeyup="search_game()">
           <div class="search-btn">
             <i class="fa fa-search" aria-hidden="true"></i>
             <div class="favorites-link">