interactive rating component

Hi Patricia👋

To solve your problem, please look at event delegation concept.

Hi Patricia!

Firstly, congratulations on completing this project! I hope you had a lot of fun while making it! :)

To answer your question, there are two possible ways to shorten the event functions code:

• standard for loop: for (let i = 0; i < rate.length; i++) { rate[i].addEventListener("click", () => { valor = rate[i].innerHTML; }); }

• forEach loop - it can be used as elements returned by the getElementsByClassName method are stored in a HTML Collection, which behaves similarly to an array: rate.forEach((element, i) => { element.addEventListener("click", () => { valor = rate[i].innerHTML; }); });

Hope it helps!

Happy coding! 🎃