Interactive rating component

Hey there! 👋 Here are some suggestions to help improve your code:

• To not only improve your HTML code but to identify the main content of you page, you will want to wrap your entire component inside the Main Element.

• Change width to max-width in your component’s container to make it responsive. You will also want to delete the height as it is unnecessary.

• The proper way to build this challenge is to create a Form and inside of it, the “rating buttons” should be built using an Input Radio and it should have a Label Element attached to it.

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding! 🍂🦃

Hi tyVespA, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

We can solve your problem with this code:

I made some changes to evaluation.forEach.

evaluation.forEach((button) => {
   button.addEventListener("click", () => {
      evaluation.forEach(element => {
         element.classList.remove("container--rating--rating")
         element.classList.remove("active")
      })
      button.classList.add("container--rating--rating")
      button.classList.add("active")
   })
})

The rest is great!

I hope it helps... 👍