Rating-Component-Using-JS

Hey man,

Looking good! You're doing great!

I added a little bit of JavaScript to add a class to the rating you clicked to change its colors. This is what I came up with:

ratingNo.forEach((e) => {
    e.addEventListener("click", () => {
         ratingTaken.innerHTML = e.innerHTML;

         ratingNo.forEach(rate => rate.classList.remove("rating_yes"));
         e.classList.add("rating_yes");    
    })
})

I renamed the .rating_no:target CSS class to the following:

.rating_yes {
    color: hsl(213, 20%, 22%);
    background-color:hsl(217, 12%, 63%) ; 
    cursor: pointer;
}

Basically what this function does it adds the .rating_yes class to the rating you clicked. But right before that it checks and removes the .rating_yes class from all the other ratings so you wont have any duplicates.

I hope this helps my man, keep it up!