Interactive Rating Component

Hi!

First of all - very well made solution, congrats! 😊

When it comes to your question, you can have a look at my solution for this project.

I placed a conditional statement inside of a for each loop that went through all of the grades. If none of the elements contained an 'active' class (I used it to add the background color and 'choose' the element), an error would appear and the card would not switch to the thank you page.

Hope you find it helpful!

to prevent submitting the rate if the user didn't choose a rate, you can simply add a condition in your event handler for the submit button event, for example :

btn.addEventListener("click", () => { if(!finalValue) { return false } else { valueS.textContent = finalValue; secondCard.style.display = "flex"; firstCard.style.display = "none"; } });

The condition means if the user didn't choose a rate so the finalValue variable is equal to undefined (undefined values === false) the function will just return false otherwise the button submits the rate (when user choose a rate)

I assumed that the button didn't work like this:

button = document.getElementById("button").disabled = true;

then when you press a number the button will be able to use it

button.disabled = false;