Skip to content
Submitted 11 months ago

Interactive rating component

matt2282•310
@matt2282
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Levis Kim•1,230
    @Orekihotarou-k

    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? 😊

  • Levis Kim•1,230
    @Orekihotarou-k

    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? 😊

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