Interactive Rating Component - Solution

Community feedback

• 

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  nice work Enida!

  • Couple issues to improve on: It currently allows to submit even if no rating is selected, resulting in "you have selected undefined out of 5" in the thank you section.

  • Highlighting the selected rating definitely would improve UX, on click, the class of selected rating could be changed and have orange color until other rating is selected.

  • The star at the top left should not be a clickable element, this is caused by adding event listener to all elements with number class: "$(".number").click(function () { userChosenNumber = $(this).attr("id"); });" It is just a deco element so i dont think it needs number class like buttons.

  Hope thats helpful, keep up the good work!

  Marked as helpful

  1

  ---

  

  Eni•180

  @EnidaShehuPosted over 1 year ago

  @visualdenniss Thank you for your feedback Denis :)

  I went ahead and made a few changes to the code to improve my solution.

  0

  

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  @EnidaShehu checked now the updated version,

  great job Enida! You've solved all the issues i've pointed out.

  As a small note, i'd suggest avoiding using alert() at all, it stops the code execution which can cause issues sometimes, but above all, its definitely not a good user experience. Displaying simple error message or a modal pop-up is much better in terms of UX. Ansonsten sieht alles top aus 😜

  Marked as helpful

  0

  

  Eni•180

  @EnidaShehuPosted over 1 year ago

  @visualdenniss Vielen Dank Denis :)

  0