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

Charfeddineβ€’ 80

@Gil2074

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


I am a newbie, Hopefully, someone will help me refactor this code into a better one. Thanks

Community feedback

Ferβ€’ 3,970

@fernandolapaz

Posted

Hi πŸ‘‹, this may interest you for future projects:

The main thing about this challenge is that we have a group of interactive elements where users are expected to enter data (their rating) to be sent.

So, you were right to use <form> but a form is used to collect user input and should be a container for some kind of input elements (not <div>). In this case it would be appropriate to use 'radio buttons' <input type='radio'> so that only one option can be selected.

I hope it’s useful : )

Regards,

Marked as helpful

1

Charfeddineβ€’ 80

@Gil2074

Posted

@fernandolapaz Indeed it makes so much sense. I appreciate you taking the time to point out this sir.

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