All comments

• 

  Ali Ali•40

  @alibeniaminaliSubmitted over 1 year ago

  • Feedback welcome

  What did you find difficult while building the project?

  • I wasn't able to add the background colour when the input is :checked. I tried using CSS but it didn't work. I am guessing is because I wrapped the input type in a label tag so when the user clicks the number it also checks the input.

  

  HTML, CSS and JavaScript

  2

  30
  

  mahen2-cmd•150

  @mahen2-cmdPosted over 1 year 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.

  0