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 - HTML, CSS, JS

@nymr-05

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


This was my first JavaScript program. Please give me feedback. I am still learning. Your help is appreciated. Thank you.

Community feedback

@ajduet

Posted

Great job on it. The javascript works and that is the really important part of starting out. Something that I noticed is that before selecting a rating your rating buttons all have a hover effect, but once a rating is selected none of them get the hover effect anymore. This could be considered a usability issue since it may appear to the user that they can't change their rating. For the structure in general, I would have wrapped my rating options in a form and used some radio buttons with custom styles so that I could use a FormData object to manage form state more easily. I know that is a lot, I'm not dumping on your solution, you did a really good job, keep it up.

Marked as helpful

1

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