Skip to content
Submitted over 2 years ago

interactive-rating-component - Sass/SCSS and vanilla JS

Stevan-Dev•420
@Stv-devl
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

Hi,

  • When we choose a rating and submit it, the" thank you card" will be display with our rating number. When we select a rating button, it turns gray. If we choose another button, the gray will be removed on the other button.
  • When we click on the thank you card again, we return to the rating card. Interesting challenge for practice javascript.

Community feedback

  • Silvanos Eric•430
    @codexshellPosted over 2 years ago

    Hey there, great design. Almost perfect. I have a few suggestions I think would be helpful. For starters you could find a way to persist the background color when one selects on a rating. You could also proceed to allowing the user of the component to deselect a rating altogether, in the case they do not want to participate in the survey. Cheers!

    Marked as helpful
    0
    Stevan-Dev•420
    @Stv-devlPosted over 2 years ago

    @SilvanosEric thanks for feedback I will try to look at this

    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