interactive rating component main

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

• The proper way to build the "rating buttons" in this challenge is to create a form and inside of it, there should be fiveinput radios and each input should have a label attached to it to make the buttons accessible. Finally wrap all the inputs and labels inside a fieldset to prevent users from making more than one selection.

More Info:📚

MDN <input type="radio">

MDN <fieldset>: The Field Set element

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

Happy Coding!🎄🎁

Hi Victor Ekeocha-ibe, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

To make the submit button work only when the user selects a number, we can do this:

rateButtons.forEach((rateButton, index) => {
    rateButton.addEventListener('click', () => {
        removeActive();
        rateButton.classList.add("active");
        rate = index + 1
        ratingText.innerHTML = `  You selected ${rate} out of 5`
        submitButton.addEventListener('click', () => {
            contentContainer.classList.add("invisible")
            thankYouSection.classList.remove("invisible")
            if (rate === 0) {
                 ratingText.innerHTML = `  You selected ${0} out of 5`
            }
	})
    }) 
});

The rest is great!

I hope it helps... 👍