Skip to content
Submitted over 2 years ago

Interactive-Rating-Component

Mark Halstead•10
@Mark-Halstead
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

Practised some basic HTML, CSS, boostrap and javascript!

I am a beginner and I cannot get the Javascript file to work:

  1. I am trying to select the anchor tag with a particular class and change its href so I am redirected to the HTML file which returns the correct rating. I have tried using the Javascript DOM using statements such as querySelector and getElementbyID but with no luck. Could someone help me please?

  2. Does the visual layout using html css and bootstrap look ok?

  3. I cannot find how to make this suitable for mobile viewing. How do I do this?

Community feedback

  • Liam•150
    @liamchivers23Posted over 2 years ago

    Hi Mark.

    To answer some of your questions:

    1 - more info needed, are you trying to change the image when the submit button is clicked? you could create a seperate card then put a display of none on the current card when its clicked. Hope this solved your issue.

    1. Yes, it looks fine :)

    2. Media queries will help with mobile viewing :)

    Hope this helps!

    Marked as helpful
    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