interactive-rating-component

Community feedback

• 

  Cesar D.•400

  @ThatDevDiaz

  Posted about 2 years ago

  Hey!

  I noticed you labeled each individual number and applied a function to each different selection

  One thing I would do to help with the dry principle is to just create a single function which will receive the user's input as a value and return this value so you can then call this function in a template literal and the result will be dynamic instead of statically creating the individual outcome for each different click. In this case, the user's input will only be recorded once the submit button is pressed. No need to record whats pressed every time because it really only matters once they hit submit.

  The end result will be something like - ratingResult.textContent = "You've selected ${selectedButton()} out of 5!"

  and of course, selectedButton will be whatever value the function returned. This way you only have to make the event listener for the "submit" button and not an event listener for every individual rating.

  11

  Marked as helpful
• 

  Tushar Biswas•4,060

  @itush

  Posted about 2 years ago

  Congratulations on completing the challenge! 🎉

  Your solution looks nice to me :)

  -Feel free to go through my solution to get some ideas about the JavaScript of the project.

  I hope this helps🤞

  Happy hacking! 🚀💻

  00