Skip to content
Submitted about 3 years ago

Interactive Card Component ---- Flexbox and Vanila JS.

Dizzy_Sloth•50
@TotallySly
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I made an error where initially I was using buttons instead of radio buttons. This meant that I was finding it impossible to create the greyed out 'active' state with the ratings. However, I received some help and it worked and made life so much easier.

I was wondering if using a string template literal would be possible. I tried but I could not quite figure it out.

Also, my JS are not within functions. Is this bad practice? Should I be saving the script within functions?.

Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • kirty•380
    @kirtymeena

    Hi Dizzy_Sloth,

    • On lines 37 and 41 in the index.html file there are open and closing brackets, I am not sure why they're there but I can see them in the UI and according to the design there are no such brackets in UI.

    • Users should not be able to submit if they haven't selected a rating.

    Overall, it looks great. Keep coding 👍.

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