Interactive rating component solution -- Radio Buttons with Plain JS

Community feedback

• 

  Hariz•100

  @sj0nPosted over 2 years ago

  Instead of attaching click event on all the buttons, you could just bind submit event on the form element. When submitted, the form element will contain the data binded on the name from the input element. You could then use FormData function to parse data from the form element.

  You can check out my solution if you need an idea on how to solve this challenge.

  [1] https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData

  Marked as helpful

  0

  ---

  

  Ting-Huei Chen•160

  @hejkeikeiPosted over 2 years ago

  @sj0n Thank you so much! This is what I'm looking for! I notice that you style the icon with js instead of css. May I ask why?

  0

  

  Hariz•100

  @sj0nPosted over 2 years ago

  @hejkeikei Sorry for the late reply. I'm assuming you're referring to the element with the class "class_icon"? You could technically do that, but you'll need to write a separate class and modify the element's class with JavaScript.

  0
• 

  Carlos Damian Perez•1,890

  @caarlosdamianPosted over 2 years ago

  Hello, You can try using git repository and upload your page to Github pages your code looks great overall but just that little comment, GitHub will allow you to allocate all you projects and applications with a free hosting https://pages.github.com/ its very easy to upload just create a branch with the name gh-pages and GitHub will automatic upload your pages ,

  Marked as helpful

  0

  ---

  

  Ting-Huei Chen•160

  @hejkeikeiPosted over 2 years ago

  @caarlosdamian Thanks, it works! https://hejkeikei.github.io/interactive-rating-component/

  1

  

  Carlos Damian Perez•1,890

  @caarlosdamianPosted over 2 years ago

  @hejkeikei Awesome update your screenshot and that will be all

  0