Interactive Rating Compenent with HTML, CSS and Javascript

Community feedback

• 

  K01wfd•690

  @K01wfdPosted about 1 year ago

  Hi Adrian, in your project as there will be only one active button at the time you can modify the forEach loop like this:

  ratingButtons.forEach((btn) => {
    btn.addEventListener("click", (e) => {
      selectedRating = btn.textContent;
      let activeButton = document.querySelector(".active-button");
      if(activeButton) {
        activeButton.classList.remove("active-button"); 
      }
      
      btn.classList.add("active-button");
    });
  });
  
  

  good luck.

  Marked as helpful

  0