interactive rating componenet

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted about 2 years ago

  Hi AIyegbajeje, this is a good try I think! I'm looking at your code, and it seems like you are writing an event listener for each button individually, and then writing out the change in inline style for each button also individually, which could easily give you errors when you're repeating so much code. What I suggest is to use a style class (maybe called active or selected) that you can add and remove to your button whenever something is clicked. Using inline styles the way you did could also be the reason why the button doesn't turn orange when selected again. Also, it would help to use for loop or even a forEach to loop through the buttons; then you don't have to write each out one by one!

  Here's a CodePen I have for this challenge that might give you some ideas on how to solve this problem: https://codepen.io/elaineleung/pen/RwMqMxZ

  Good luck!

  Marked as helpful

  1

  ---

  

  Aiyegbajeje Yusuf•100

  @devsilvarPosted about 2 years ago

  @elaineleung thanks i have updated it

  thanks for the guidiance really apreciate

  0
• 

  HinaSejaru124•310

  @HinaSejaru124Posted about 2 years ago

  Hello if you could remove the <eb> tag and add HTML Lang="en" and avoid using inline styling it would be perfect, when added to what you have already done

  0