added search bar functionality

ChromeGaming · Jul 28, 2024 · d31288f · d31288f
1 parent 24aabef
commit d31288f
Show file tree

Hide file tree

Showing 4 changed files with 151 additions and 0 deletions.
diff --git a/server/views/about.ejs b/server/views/about.ejs
@@ -482,5 +482,42 @@
 
 	
 </script>
+<script>
+    const content = [
+      "Dot box",
+       "Packabunchas",
+       "Spaceship Escort",
+       "Physi-c-tech",
+       "Squard Line",
+       "Formation absent"
+    
+];
+
+document.getElementById('searchResult').addEventListener('input', function() {
+    const query = this.value.toLowerCase();
+    filterContent(query);
+});
+
+function filterContent(query) {
+    const results = content.filter(item => item.toLowerCase().includes(query));
+    displayResults(results);
+}
+
+function displayResults(results) {
+    const resultsContainer = document.querySelector('.searching_results');
+    resultsContainer.innerHTML = ''; // Clear previous results
+
+    if (results.length === 0) {
+        resultsContainer.innerHTML = '<p>No results found</p>';
+        return;
+    }
+
+    results.forEach(result => {
+        const resultItem = document.createElement('div');
+        resultItem.textContent = result;
+        resultsContainer.appendChild(resultItem);
+    });
+}
 
+  </script>
 </html>
diff --git a/server/views/index.ejs b/server/views/index.ejs
@@ -1325,7 +1325,44 @@ subscriptionForm.addEventListener("submit", function (event) {
 */
 
   </script>
+<script>
+  const content = [
+    "Dot box",
+     "Packabunchas",
+     "Spaceship Escort",
+     "Physi-c-tech",
+     "Squard Line",
+     "Formation absent"
+  
+];
+
+document.getElementById('searchResult').addEventListener('input', function() {
+  const query = this.value.toLowerCase();
+  filterContent(query);
+});
+
+function filterContent(query) {
+  const results = content.filter(item => item.toLowerCase().includes(query));
+  displayResults(results);
+}
+
+function displayResults(results) {
+  const resultsContainer = document.querySelector('.searching_results');
+  resultsContainer.innerHTML = ''; // Clear previous results
+
+  if (results.length === 0) {
+      resultsContainer.innerHTML = '<p>No results found</p>';
+      return;
+  }
+
+  results.forEach(result => {
+      const resultItem = document.createElement('div');
+      resultItem.textContent = result;
+      resultsContainer.appendChild(resultItem);
+  });
+}
 
+</script>
 </body>
 
 </html>
diff --git a/server/views/play.ejs b/server/views/play.ejs
@@ -461,6 +461,43 @@ const coords = { x: 0, y: 0 };
 }
 document.addEventListener('scroll',updateProgress);
 </script>
+<script>
+    const content = [
+      "Dot box",
+       "Packabunchas",
+       "Spaceship Escort",
+       "Physi-c-tech",
+       "Squard Line",
+       "Formation absent"
+    
+];
+
+document.getElementById('searchResult').addEventListener('input', function() {
+    const query = this.value.toLowerCase();
+    filterContent(query);
+});
+
+function filterContent(query) {
+    const results = content.filter(item => item.toLowerCase().includes(query));
+    displayResults(results);
+}
+
+function displayResults(results) {
+    const resultsContainer = document.querySelector('.searching_results');
+    resultsContainer.innerHTML = ''; // Clear previous results
+
+    if (results.length === 0) {
+        resultsContainer.innerHTML = '<p>No results found</p>';
+        return;
+    }
+
+    results.forEach(result => {
+        const resultItem = document.createElement('div');
+        resultItem.textContent = result;
+        resultsContainer.appendChild(resultItem);
+    });
+}
 
+  </script>
 	</html
 >
diff --git a/server/views/products.ejs b/server/views/products.ejs
@@ -620,6 +620,46 @@
     // });
   
   </script>
+  <script>
+    const content = [
+      "Dot box",
+       "Packabunchas",
+       "Spaceship Escort",
+       "Physi-c-tech",
+       "Squard Line",
+       "Formation absent"
+    
+];
+
+document.getElementById('searchResult').addEventListener('input', function() {
+    const query = this.value.toLowerCase();
+    filterContent(query);
+});
+
+function filterContent(query) {
+    const results = content.filter(item => item.toLowerCase().includes(query));
+    displayResults(results);
+}
+
+function displayResults(results) {
+    const resultsContainer = document.querySelector('.searching_results');
+    resultsContainer.innerHTML = ''; // Clear previous results
+
+    if (results.length === 0) {
+        resultsContainer.innerHTML = '<p>No results found</p>';
+        return;
+    }
+
+    results.forEach(result => {
+        const resultItem = document.createElement('div');
+        resultItem.textContent = result;
+        resultsContainer.appendChild(resultItem);
+    });
+}
+
+  </script>
+
+
 </body>