interactive rating component

Community feedback

• 

  Eren•720

  @erenymoPosted about 1 year ago

  Hi Patricia👋

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

  Marked as helpful

  0
• 

  Better5afe•850

  @better5afePosted about 1 year ago

  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! 🎃

  Marked as helpful

  0

  ---

  

  Patricia•110

  @PatixiPosted about 1 year ago

  @better5afe thanks a lot! The first solution was what i was looking for!! I tried both but the second one send me an error (rate.forEach is not a function). Anyways you helped a lot!

  1