HTML,CSS ,JS

Hello,

Although this project is very well done, I believe that there is always room for improvement.

I noticed that I was able to select more than one rating button at a time. A way to solve this issue is to loop through each of the buttons and have all of them change back to their original state before changing the desired button to orange. Here is the function that I used (I used React.js in my project)

const toggleButton = index => { const buttons = document.getElementsByClassName('button'); for (let i = 0; i < buttons.length; i++) { buttons[i].classList.remove('active'); } buttons[index].classList.add('active'); setRating(index + 1); }

and then from here you could do something like this:

rating_number[i].addEventListener("click",(i)=>{ toggleButton(i) })