Skip to content
Submitted about 2 years ago

Product review card using HTML, CSS and JavaScript

Sunbear Day•80
@SunbearDay
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

I was confused by the colors provided to use in the project. I ended up using a different color for the page background. Not sure if this is an issue, but that's what I decided to do.

I enjoyed putting this together. It was a lot of fun!

Community feedback

  • Hyron•5,870
    @hyrongennikePosted about 2 years ago

    Hi @SunbearDay,

    Congrats on completing the challenge

    I would suggest just disabling the button until a rating is selected this can be done by adding the disabled attribute on the button and removing it when the rating is clicked currently it's 0 when you click submit without selecting a rating which is not an option among the ratings.

    Hope this is helpful

    0
    Sunbear Day•80
    @SunbearDayPosted about 2 years ago

    @hyrongennike Thanks for the idea of disabling the submit button until a rating is selected. It's a nice simple solution!

    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