Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Rating Card

Shonuff 280

@TheShonuff

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello again. Tried this challenge out and had some fun doing this one. Been learning Javascript and I've hit a bit of a snag here. I've got most of the card function correctly but I can't seem to get the text within the button to update correctly when the EventListener "click" is fired. I can update the classList style for the button itself but updating the span within the button is problematic. I've tried various way and at the moment only the last item with the NodeList is updating when any button is clicked. I would really appreciate some insight on how to tackle this.

Edit: I was able to solve my issue after submitting the solution. I looked at some other solutions and saw I was over complicating the process. After I removed my span and styled the button directly I was able to achieve the desired effect.

Thank you.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord