Interactive Rating Component

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted over 2 years ago

  Hi Muhammad, great work on this challenge! 😉

  Here are a few tips for improve your code:

  • add main tag and wrap the card for improve the Accessibility
  • use min-height: 100vh instead height to .container class
  • add transition on the element with hover effect
  • instead of using px use relative units of measurement like rem -> read here
  • instead of using an input you can use a button or a simple div to which you associate an id and the click retrieves the id so that you know how many stars have been chosen

  Overall you did well 😁 Hope this help!

  Marked as helpful

  1

  ---

  

  Muhammad Naufal Farras•270

  @naufalf25Posted over 2 years ago

  @denielden Thanks for your feedback. I will try to improve my code follow your suggestion 😄

  1
• 

  Bhremada Fevreano•1,395

  @boedegoatPosted over 2 years ago

  Great work @naufalf25

  You did the project pretty good. The rating system works well. But, it seems like you forgot to handle a case where user is immediately click on submit button without selecting any rating. As a result it will display 'You selected undefined out of 5'.

  Other than that, keep learning and enjoy coding ☕

  1

  ---

  

  Muhammad Naufal Farras•270

  @naufalf25Posted over 2 years ago

  @boedegoat Are you sure? Though I've tested it and it's normal. Okay, I will evaluated it again. Thanks for your feedback :D

  0

  

  Muhammad Naufal Farras•270

  @naufalf25Posted over 2 years ago

  @boedegoat And can you share the console in your browser when opening my solution? Because, my friend just open it too but it's normal nothing error

  0

  

  Bhremada Fevreano•1,395

  @boedegoatPosted over 2 years ago

  @naufalf25 Coba langsung klik tombol submit nya bang tanpa milih rating.

  0

  

  Muhammad Naufal Farras•270

  @naufalf25Posted over 2 years ago

  @boedegoat Oh iya itu masih kekurangan. Nanti coba tak perbaiki lagi ehehe. Makasih masukannya 🙏🏻

  0

  

  Muhammad Naufal Farras•270

  @naufalf25Posted over 2 years ago

  @boedegoat Monggo bisa dicek lagi, sudah saya perbaiki scriptnya hehe

  0