Interactive Rating Component (Using HTML+CSS+JS)

Community feedback

• 

  Yacine Kahlerras•820

  @yacineKahlerrasPosted about 2 years ago

  Hey @Yunuscinar41 good job on the design i only have one suggestion that might make the card a little cooler which is the inner shadow for both the main-container and thank-you containers

  box-shadow: inset 0 -10rem 15rem #00000050;

  you can play around with the values till it feels right. hope that helps and happy coding !

  Marked as helpful

  1

  ---

  

  Yunus Emre Çınar•360

  @yunusemrecinarPosted about 2 years ago

  @yacineKahlerras Thanks!

  1
• 

  Christ Kevin Touga Watat•270

  @Christ-KevinPosted about 2 years ago

  congrats for your solution @Yunuscinar41, to correct the html issue you should remove the charset attribute on the script tag. I also appreciate your "rate again" button. The user have this opportunity to rate a second time if he wants or if he changes his mine. But there is a problem cause the user can click the submit button even if he has not given a rating and he get the default rating "5" as a result. I would suggest you to use the "localStorage.setItem()" method to save the textContent in your rating-event inside the browser server and then use the "localStorage.getItem()" to get this content that would be written on the page that loads after pressing the submit button.

  I really hope It helps

  Happy coding :)

  Marked as helpful

  0

  ---

  

  Yunus Emre Çınar•360

  @yunusemrecinarPosted about 2 years ago

  @Christ-Kevin Yes, you're right however that's the part of the joke I tried to make :/. If users forget and click submit, then they'll give 5 stars.

  1