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

matt2282 310

@matt2282

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


What specific areas of your project would you like help with?

When I have two different html pages how do I handle JavaScript files? I use main.js for index.html and using html script elements for the other html pages.

Community feedback

Levis Kim 1,180

@Orekihotarou-k

Posted

Hey @matt2282, great job on completing the challenge! 🎉 There are a couple of things that could make your solution even better:

  1. HTML Structure: It might be simpler to have all the HTML in one file. This way, everything is in one place, making it easier to manage and update.

  2. Modal Display: For the thank you modal, you can set its styles to display: none by default, and then use JavaScript to change it to display: block when it's time to show it. At the same time, you could hide the rating container with display: none when the thank you modal is displayed. This would make the transition smoother and more intuitive.

  3. Deployment: I recommend deploying your project using Vercel or Netlify. GitHub Pages can sometimes be unstable, and right now, I'm unable to view your solution because of it.

What do you think? 😊

0
Levis Kim 1,180

@Orekihotarou-k

Posted

Hey @matt2282, great job on completing the challenge! 🎉 There are a couple of things that could make your solution even better:

  1. HTML Structure: It might be simpler to have all the HTML in one file. This way, everything is in one place, making it easier to manage and update.

  2. Modal Display: For the thank you modal, you can set its styles to display: none by default, and then use JavaScript to change it to display: block when it's time to show it. At the same time, you could hide the rating container with display: none when the thank you modal is displayed. This would make the transition smoother and more intuitive.

  3. Deployment: I recommend deploying your project using Vercel or Netlify. GitHub Pages can sometimes be unstable, and right now, I'm unable to view your solution because of it.

What do you think? 😊

0

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