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

Renan Do Valeβ€’ 110

@Renan-do-vale

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

Tux3erβ€’ 760

@Tux3er-Isma

Posted

Hi Renan

Tux3er has reviewed your code 🐧

Congrats πŸŽ‰, it looks nice, but I will give you some tips for your next project πŸ’‘:

HTML 🦴:

  • In my opinion is not a good practice to add onclick in each element. You can do it with JS with the addEventListener()

  • Also you can put tabindex instead to use it after in css with :focus

CSS 🎨:

  • As I said before you can use :focus in the numbers. Is like click in JS

  • You can also add a transition to all the hover states

JS 🟑:

  • The function mark you can get it with only HTML and CSS (as I said before)

  • You have to put a return button to return to the homepage

That's all, have a nice coding ⌨️!!!!

Marked as helpful

1

Renan Do Valeβ€’ 110

@Renan-do-vale

Posted

@Tux3er-Isma Thanks for the advices. Initially, my goal was to use the addEventListener(), but I couldn't make it work, so I had to come up with a workaround to make it work.

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