Interactive Rating Card

Hi, @Fahatmah. How are you?

• You should've used interactive elements like <button> or <input type="radio"> for the ratings, instead of divs. <div> are used to wrap elements when we don't have a semantic element available. Here we are selecting a specific rating from a choice of 5.

<ul>
    <li><input type="radio" name="rating" value="1">1</li>
    <li><input type="radio" name="rating" value="2">2</li>
</ul>

Check out this little demo i wrote to show how you could've written the markup for rating. https://codepen.io/pradeeps4ini/pen/OJvZGev

Hi Fahatmah, well done working on this! JS is really not easy when starting out, but I think you'll get there eventually! You got a good start with your code; you just need to add in a few more lines for what happens when a new button is pressed and how to remove the "selected" style from the previous button. Right now when I click on a new button, the old button still has the old style, and if I click all of them, they'll all stay orange. I just wrote a comment on someone else's solution with an example of my old code, which you can check out here. Good job once again!