My version of interactive rating component challenge

Community feedback

• 

  Harsh Kumar•3,430

  @thisisharsh7

  Posted about 1 month ago

  Great job completing your first JavaScript project! 🎉

  You're already off to a strong start. Here’s some quick feedback and suggestions for improvement:

  👍 What you did well:

  • Clean structure of HTML, CSS, and JS.

  • Nice use of event delegation and class toggling.

  • Responsive layout looks good on smaller screens.

  🛠 Suggestions:

  • Consider disabling the submit button until a rating is selected to improve UX.

  • Use event.target.closest('button') instead of event.target to avoid edge cases when clicking inside a button.

  • Add some basic keyboard accessibility (e.g. allow tab + enter to select a rating).

  • Fix the character encoding issue in the thank-you message. Use ’ or escape properly (’).

  Keep building, experimenting, and shipping! 🚀 Happy coding! 😊

  11

  Marked as helpful
• 

  Marzia Jalili•7,370

  @MarziaJalili

  Posted about 1 month ago

  Congratulations! 🎉

  🌟 Some tips?

  ✅ There is a shorthand property for settling the top and bottom margins:

  /* Same values */
  margin-block: 20px;
  
  /* Different values */  
  margin-block: top bottom; 
  

  ✅ The same could be applied for padding:

  /* Same values */
  padding-block: 15px;
  
  /* Different values */  
  padding-block: top bottom; 
  

  Great work overall, keep it up!

  😎😎😎

  12

  Marked as helpful