Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive-Rating-Component

P

@GGSWEngineer

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone!

This one took a bit of time because I finally had to use JavaScript! I used ChatGPT to help me out with the added features like error messaging and doing specific things with elements when they're being active and focused.

Does the usage of svg elements in my html common practice or was there a different way of achieving the same thing?

I found it difficult to get a feel for the hover, active, focus pseudo classes, does any have a great resource to really practice using those classes?

Also, I find a lot of JavaScript theory that revolves around solving leetcode problems, does anyone have a resource for a JavaScript video/document where that would apply to projects like this? For using things like classList, getAttribute, .style.display, and so on?

Thank you all for your help,

Gerardo Garcia

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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