Skip to content
Submitted 3 months ago

Interactive rating component

matt2282•310
@matt2282
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

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,200
    @Orekihotarou-kPosted 3 months ago

    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,200
    @Orekihotarou-kPosted 3 months ago

    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

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