implemented search functionality in profiles section

Gyanthakur · Oct 3, 2024 · 48deae6 · 48deae6
1 parent 8b5ee69
commit 48deae6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/script.js b/script.js
@@ -1,3 +1,4 @@
+document.addEventListener("DOMContentLoaded", function() {
 const searchInput = document.getElementById('searchInput');
 const profiles = document.querySelectorAll('.profile');
 const date = document.getElementById('dates')
@@ -13,15 +14,14 @@ searchInput.addEventListener('input', filterProfiles);
 
 function filterProfiles() {
     const query = searchInput.value.toLowerCase();
-
     profiles.forEach((profile) => {
-        const name = profile.querySelector('.name').textContent.toLowerCase();
-        const skills = profile.querySelector('.skills').textContent.toLowerCase();
-
-        if (name.includes(query) || skills.includes(query)) {
-            profile.style.display = 'block'; // Show matching profiles
+        const name = profile.querySelector('.name').textContent.toLowerCase(); 
+        const skills = Array.from(profile.querySelectorAll('.skills .skill')) 
+            .map(skill => skill.textContent.toLowerCase()); 
+        if (name.includes(query) || skills.some(skill => skill.includes(query))) {
+            profile.style.display = 'block';
         } else {
-            profile.style.display = 'none'; // Hide non-matching profiles
+            profile.style.display = 'none'; 
         }
     });
 }
@@ -48,3 +48,4 @@ darkMode.addEventListener("click", () => {
     button.classList.toggle('bg-color');
     });
 });
+});