Interactive Rating Component using HTML, CSS, and JavaScript

What are you most proud of, and what would you do differently next time?

I'm proud that I built a fully functional and responsive rating component using only HTML, CSS, and JavaScript. Next time, I would structure my JavaScript better by separating event listeners and DOM updates into smaller functions for cleaner code.

What challenges did you encounter, and how did you overcome them?

I initially struggled with capturing the selected rating value because input buttons don't have a .checked property. I solved it by using event listeners to store the clicked rating separately.

What specific areas of your project would you like help with?

I would like feedback on how I can improve my JavaScript code structure, especially for handling events and updating the DOM more cleanly. Also, any suggestions for making the UI transitions smoother would be appreciated.