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

JavaScript
1

Tell us what’s happening:

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.

Not sure where I’m going wrong, any pointers?

Your code so far

playButton.classList = add(“playing”);

play (audio);

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.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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 35

1 Like
2

add is a method on classList

1 Like
3

still a bit lost, what do i need to add?

1 Like
4

The code you have written is calling an add function and assigning its return value to a property on an element.

  1. There is no add function in the code. So you are trying to call a function that doesn’t exist.

  2. The property you are trying to assign a value to is the one with the method on it you are asked to use.

The API looks like this.

element.property.method('some value')

Not this:

element.property = method('some value')

On HTML elements there is a classList property and that property has methods on it used to add, remove, and toggle, CSS classes on the element.

The MDN link documents the add method as well.

2 Likes
5

got it, was completely overthinking this ty !

1 Like
6

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