Interactive rating component solution -- Radio Buttons with Plain JS
Solution retrospective
Any feedback will be much appreciated :)
How I did it:
- I loop through all the radio button and pass the iterative object to query selector to dynamically get the option that user select.
- Get user's input value when the submit button have been click on then show it in DOM.
Question: I would like to try to go with object oriented way such as event target to select an element in the group so that I don't have to write loops all the time. If anyone know please tell me I'll be super thankful.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @sj0n
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 - @caarlosdamian
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
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord