Tell us what’s happening:
I’m at step 59 where I’m supposed to " Use the setAttribute
method on the playButton
element to set an attribute named aria-label
. For the value, use a ternary
to set song?.title
to Play ${song.title}
or "Play"
if there’s no song.title
available."
### Your code so far
const setPlayButtonAccessibleText = () => {
const song = userData?.currentSong || userData?.songs[0];
playButton.setAttribute('aria-label', song?.title ? `Play ${song.title}` : 'Play')
};
The code above actually worked, so I’m writing here to offer an answer rather than ask a question, when the last line in the function above was
playButton.setAttribute('aria-label', song?.title ? `Play ${song.title}` : "Play")
i.e. when the last word ‘Play’ was in double quotes, the tests failed.
It’s kind of weird because there are no warnings in the console, so it’s supposed to be legit code, isnt’ it?
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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36
Challenge Information:
Learn Basic String and Array Methods by Building a Music Player - Step 59