Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Object-Oriented JavaScript (2015) Constructor Functions and Prototypes Making the UI Work

Alan Sea
Alan Sea
6,781 Points
Posted by Alan Sea
Alan Sea
6,781 Points

The currently playing song is shifting to the center instead of turning pink… What have I done?

https://w.trhou.se/cat9shj7j3

The "play" and "next" buttons are hooked into the playlist, but instead of highlighting them with the appropriate color it changes the justification by shifting them to the center when they're playing. What did I do?

2 Answers

Matthew Furness
Matthew Furness
7,657 Points

Your Song.toHMTL method needs to put a space between the '<li' and class="current"

The current output is

<liclass="current">

it needs to be 

<li class="current">

Reason I found the answer so easily? I made exactly the same mistake!

Daniel Nitu
Daniel Nitu
13,272 Points
Daniel Nitu
Daniel Nitu
13,272 Points

Same here. I caught it in the developer's console in Chrome.

Alan Sea
Alan Sea
6,781 Points
Alan Sea
Alan Sea
6,781 Points

Thanks for the heads up! Good catch. That was killing me!