Interactive rating component with css grid and jquery
Design comparison
Solution retrospective
I took me a little while but finally completed this project, there is one issue though I couldn't get jquery to submit data to the thank you page using submit button so it submits on clicking one of the buttons. Please Let me know if there are other ways to approach this. Thanks!
Community feedback
- @aishwarya-maliPosted over 1 year ago
Hello,
Congratulations on completing the challenge! You've done a great job. 👏🎉
In regards to your question, I would suggest storing the selected rating and adding a click listener to the submit button. Then, you can append the selected rating value to the "Thank You" component. This will provide users with an indication of the rating they selected and improve their experience on the website.
If you have any doubts or need any assistance in implementing these suggestions, please don't hesitate to reach out to me.
Happy Coding! 😊
1 - @GandahPosted over 1 year ago
Hi. Thanks for the feedback. How do you go about the appending? I tried a queryparameters but it couldn't work on a live server and returned 405 error on submission. I check out my script : https://github.com/Gandah/Frontend-Repo/tree/main/interactive-rating-component
0@aishwarya-maliPosted over 1 year ago@Gandah You could try combining the two separate JavaScript files into a single file, which would help simplify the structure of your project. Try using following:
$('#myDiv').html('<p>Hello, World!</p>');
I hope this suggestion helps. If you have any doubts or need any assistance in implementing it, please don't hesitate to reach out to me.
1
Please log in to post a comment
Log in with GitHubJoin 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