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-component-main

EtSuraDev 20

@EtSuraDev

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@soymze

Posted

Your solution looks same with the design.Congratulations:) Some tips about the functionality about the solution, when you hover on buttons, cursor should be pointer. After you clicked a button, its background is becoming white but when you click another one it is not changing its background back to orange and because of that we can click all of them and all of them are going to be white backgrounded... So the solution is to check if a previous button exists and is different from the currently clicked button. If so, reset the previous button’s background color and text color before updating the current button’s style.Happy coding :)

Marked as helpful

0

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