Update audio.js

audio.js

@@ -1,4 +1,7 @@
 document.addEventListener('DOMContentLoaded', function () {
+  const searchBar = document.getElementById('searchBar');
+    const songNames = document.querySelectorAll('h1[style="font-size: 28px;"]');
+    const descriptions = document.querySelectorAll('p[style="font-size: 20px;"]');
   const movieContainers = document.querySelectorAll('.movie');
 
   movieContainers.forEach(function (container) {
@@ -25,4 +28,19 @@ document.addEventListener('DOMContentLoaded', function () {
       audio.classList.toggle('d-none');
     });
   });
+
+  searchBar.addEventListener('input', function() {
+        const searchText = searchBar.value.toLowerCase();
+
+        songNames.forEach((song, index) => {
+            const songName = song.textContent.toLowerCase();
+            const description = descriptions[index].textContent.toLowerCase();
+
+            if (songName.includes(searchText) || description.includes(searchText)) {
+                song.parentElement.parentElement.style.display = 'block';
+            } else {
+                song.parentElement.parentElement.style.display = 'none';
+            }
+        });
+    });
 });