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

mahen2-cmd

@mahen2-cmd150 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

  • Time Tracking app using React.js

    #react

    mahen2-cmd•150
    Submitted about 2 years ago

    0 comments
  • Job Listings with filtering using React.js


    mahen2-cmd•150
    Submitted about 2 years ago

    0 comments
  • Advice generator solution using html, css and javascript


    mahen2-cmd•150
    Submitted about 2 years ago

    0 comments
  • Newsletter solution with html, css and javascript


    mahen2-cmd•150
    Submitted about 2 years ago

    0 comments
  • Tip Calculator App


    mahen2-cmd•150
    Submitted about 2 years ago

    0 comments
  • Interactive Rating Component Solution using html, css and javascript.


    mahen2-cmd•150
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Ali Ali•40
    @alibeniaminali
    Submitted about 2 years ago

    HTML, CSS and JavaScript

    #bem
    2
    mahen2-cmd•150
    @mahen2-cmd
    Posted about 2 years ago

    Great Job Ali!

    I just solved the challenge with the background color changing when the input is :checked. You might want to look at my solution.

    https://www.frontendmentor.io/solutions/interactive-rating-component-solution-using-html-css-and-javascript-iGOlR8A7xn

    Here is what I did:

     {
                button.addEventListener("click", function() {
                  if (selectedButton) {
                    selectedButton.classList.remove("highlight");
                  }
                  button.classList.add("highlight");
                  selectedButton = button;
                });
              });
    
    
    

    and added css

    .highlight {

    background-color: hsl(25, 97%, 53%);
    color: white;
    

    }

    Now, whenever a button is clicked the .highlight css is activated and it would change the color of the button.

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

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