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

@wmartyr

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


Hi guys, I created two cards and then used display:none to hide what is not needed. Is that what you guys used? Or did you use separate html files for each one? Thanks.

Community feedback

King 310

@king-oldmate

Posted

Well done. Looking at your code, we pretty much did the same thing. To load to a separate HTML file wouldn't even work, since the JavaScript would reload and you would lose your variable. No, part of the point of these easier exercises is to develop components, and those should be as contained (encapsulated) as possible.

Marked as helpful

0

@wmartyr

Posted

@king-oldmate Hi King, Thanks for the feedback. You're right about the variable. I never thought about it as I was planning if I should create a separate html file or not. That would be something I will keep in mind next time during the planning stage. Cheers.

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