Interactive Rating Component (Accessibile, Dynamic, Responsible)
Design comparison
Solution retrospective
What is the best practice for rating choices for both accessibility and functionality? Are there any ways I can improve my code?
Community feedback
- @Melchor16Posted over 1 year ago
Hi Mutalic! I'm still a beginner but here's something that may be useful:
You can make it all in one single html file, you just need to have two sections, one for the rating screen and another with the success screen, then you just have to hide one of them with display: none in your CSS file and then toggle it with javascript.
maybe you already knew this but it's just an obsevation.
Regards!
0@mutalicPosted over 1 year ago@Melchor16
Hey Erick, thanks for your feedback:)
Using one html file and display: none/block to toggle the components is definitely a convenient way to implement the design!
I have used that approach in a few previous mini-projects, so I wanted to try using separate html files instead. This made me have to use the localStorage Web API to store and retrieve data, which I wanted to practice as well.
Best regards to you, too!
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