Interactive rating component

Hi Samantha,

First of all, good job getting most of the aspects of the solution to work. You have done well. As Johnny has already said, using radio buttons would have been a better HTML choice, especially when trying to ensure once a user picks a single value and if they change to a different value, only the value they have currently chosen is highlighted.

Secondly, using your current approach, instead of listening for individual li elements, you could have listened for the click event on their parent element, enabling you to write the click event only once. This is something called event delegation. You can read about it here.

Hi Samantha,

Welcome back to coding! I just completed the same project and also struggled with the radio buttons. I had to google a lot before I got them right and the JavaScript section.

Here's my feedback: Instead of list items, inputs with a type of radio button would have been a better choice for the HTML. Inputs allow us to use this cool CSS trick that lets us style the checked checkbox easily, and use less code in our JS. Here' the link to my solution if you're curious about how I solved it using form inputs: https://github.com/johnnye562/interactive-rating-component.

Keep up the good work! Hope this helps!

Cheers, Johnny