Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
1

Thomas

@thomaspaysacSuisse50 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive landing page using Flexbox

    #accessibility#sass/scss

    Thomas•50
    Submitted over 2 years ago

    0 comments
  • Responsive rating page


    Thomas•50
    Submitted over 2 years ago

    1 comment
  • Responsive QR-code page using Flexbox.

    #accessibility

    Thomas•50
    Submitted over 2 years ago

    1 comment

Latest comments

  • Kacper•180
    @kacper-reiman
    Submitted over 2 years ago

    Interactive rating component

    6
    Thomas•50
    @thomaspaysac
    Posted over 2 years ago

    Hi Kacper,

    The simplest solution I found was to add the "disabled" attribute to the submit button, make it unclickable using pointer-events: none; in CSS while disabled, and then make the JavaScript remove the disabled attribute using a simple for loop so that when any rating is chosen the disabled attribute is removed :

      userRatingChoice[i].addEventListener('click', function() {
        SUBMIT_BUTTON.removeAttribute('disabled');;
      })
    }
    
    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub