Update audio.js

audio.js

@@ -1,21 +1,23 @@
-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;"]');
-    
+ // Wait for the document to load
+document.addEventListener('DOMContentLoaded', function () {
+    // Get all the song containers
+const songContainers = document.querySelectorAll('.movie');
 
-    searchBar.addEventListener('input', function() {
-        const searchText = searchBar.value.toLowerCase();
+    // Attach a click event listener to each song container
+songContainers.forEach(function (container) {
+container.addEventListener('click', function () {
+    const audio = this.querySelector('audio'); // Get the audio element inside the container
 
-        songNames.forEach((song, index) => {
-            const songName = song.textContent.toLowerCase();
-            const description = descriptions[index].textContent.toLowerCase();
+        // Toggle the visibility of the audio element
+    audio.classList.toggle('d-none');
 
-            if (songName.includes(searchText) || description.includes(searchText)) {
-                song.parentElement.parentElement.style.display = 'block';
-            } else {
-                song.parentElement.parentElement.style.display = 'none';
-            }
-        });
-    });
+        // Check if the audio is playing or paused, and toggle play/pause accordingly
+        if (audio.paused) {
+          audio.play(); // Play the audio if it's paused
+        } else {
+          audio.pause(); // Pause the audio if it's playing
+        }
+      });
 });
+});
+