Responsive Rating Component built Javascript

Community feedback

• 

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 7 months ago

  Hello Samuel, congratulations on completing your project, it is very well done.

  Based on the question you asked in Koda's comment, I chose to download and change some parts of his project, in order to show how you could do what he said. And I also made a system to remove the thank you card automatically, but you can change it and add a button.

  I will soon open an Issues on your Github to show how the project turned out.

  Marked as helpful

  1
• 

  P

  Koda👹•3,830

  @kodan96Posted 7 months ago

  hi there! 👋

  Instead of overwriting the entire <main> element's content it might be a better idea to build the card component in your HTML, style it with CSS and use JS to toggle the two separated parts (so the rating component and the card separately)

  You can achieve it easily with jQuery or with plain JS using style.display in your event handler.

  Hope this helps 🙏

  Good luck and happy coding!

  1

  ---

  

  Samuel Sylvester•330

  @Sylvester009Posted 7 months ago

  @kodan96, I thought of your suggestion also but that will nullify the use of tenary operator to display the number clicked when the submit button is clicked

  1

  

  BibiUSA•20

  @BibiUSAPosted 6 months ago

  @Sylvester009 hey, I also saw your code and from what I learned, best practice is to keep as much as HTML on the HTML document instead of having that spill over to the JS file.

  You can take a look at how I was able to toggle it in my code here:https://www.frontendmentor.io/solutions/interactive-rating-component-9uuhA32fYl

  I got the innerHTML of the button clicked, turned that into an integer, and set that as the value for variable "answer". So if answer had a value that's not 0, it must mean one of the button was clicked.

  0