Skip to content
Submitted over 2 years ago

Responsive review page using HTML, CSS, and Vanilla JS

Justin Gorelik•100
@jgorelik23
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

How should I go about making the buttons act like radio buttons? When you click the submit button, it deselects the number buttons.

Community feedback

  • Nika•180
    @nikavolkPosted over 2 years ago

    Hello Justin!

    I had a look through your code and there doesn't seem to be anything wrong on the JS side.

    However, in your HTML file, I think you would need to use <input type="radio"> for each choice and group them up, instead of using buttons for each rating. I believe doing it that way the chosen rating will stay selected upon clicking the Submit button.

    Marked as helpful
    1
    Justin Gorelik•100
    @jgorelik23Posted over 2 years ago

    @nikavolk Thanks! I fixed it but I used a different approach (in the JS).

    0

Please log in to post a comment

Log in with GitHub

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