Update audio.js

audio.js

@@ -1,3 +1,23 @@
+let songAdded = false; // Flag to track if the song is already added to the playlist
+
+function togglePlaylist() {
+    const loveIcon = document.querySelector('.love-icon');
+
+    if (!songAdded) {
+        // Add the song to the playlist
+        addToPlaylist();
+
+        // Change the color of the love icon to indicate it's selected
+        loveIcon.classList.add('selected');
+    } else {
+        // Remove the song from the playlist
+        removeFromPlaylist();
+
+        // Change the color of the love icon back to its original color
+        loveIcon.classList.remove('selected');
+    }
+}
+
 function addToPlaylist() {
     // Get information about the song
     const songTitle = document.querySelector('.title').innerText;
@@ -24,19 +44,33 @@ function addToPlaylist() {
     audioSourceElem.setAttribute('type', 'audio/mpeg');
 
     newAudio.appendChild(audioSourceElem);
-    
+
     newSongDiv.appendChild(newSongTitle);
     newSongDiv.appendChild(newArtist);
     newSongDiv.appendChild(newAudio);
 
     // Add the new song to the playlist
     playlist.appendChild(newSongDiv);
+
+    songAdded = true; // Set the flag to true after adding the song
+}
+
+function removeFromPlaylist() {
+    const playlist = document.querySelector('.playlist');
+    const songEntry = playlist.querySelector('.song1');
+
+    // Remove the song from the playlist
+    if (songEntry) {
+        playlist.removeChild(songEntry);
+        songAdded = false; // Set the flag to false after removing the song
+    }
 }
 
 
 
 
 
+
 function validateSignup() {
     var username = document.forms["signupForm"]["username"].value;
     var password = document.forms["signupForm"]["password"].value;