Learn Basic String and Array Methods by Building a Music Player - Step 32

JavaScript
1

Tell us what’s happening:

Hey Guys!

Can someone please help me with my code. The instruction says: " Next, use the classList property and the add() method to add the playing class to the playButton element. This will look for the class playing in the CSS file and add it to the playButton element.

To finally play the song, use the play() method on the audio variable. play() is a method from the web audio API for playing an mp3 file."

I have flipped the position of ‘playing’ and ‘playButton’, likewise classList but, I am stuck.

Your kind gesture will highly be appreciated!

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

playing.playButton.classList.add();
audio.play();

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Learn Basic String and Array Methods by Building a Music Player - Step 32

2

To add the playing class to the playButton element using the classList property and the add() method, and then play the song using the play() method on the audio variable, you can follow these steps:

// Get the play button element
const playButton = document.querySelector('.playButton');

// Add the 'playing' class to the playButton element
playButton.classList.add('playing');

// Get the audio element
const audio = document.querySelector('audio');

// Play the song using the play() method
audio.play();

Make sure to replace '.playButton' and 'audio' with the appropriate selectors for your HTML elements. This code will add the playing class to the playButton element and then play the audio.

1 Like
3

Hey Hassan,
Thanks a lot! I am truly grateful

4

Your most welcome. Happy Coding!

1 Like
5

You guys are so Kind in here! You guys are all great people and I am really proud to be in this environment and to have you guys as my Mentor! Thanks to everyone one of you guys!

1 Like
6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.