Interactive Rating Component

Community feedback

• 

  Roksolana•910

  @RoksolanaVeresPosted 6 months ago

  Hi, great job! About your problem with multiple ratings: you could slightly modify your JS so that each time a user clicks a button you first remove the "active" class from all the buttons and then apply it only to the button that was clicked. You can do something like this:

    element.addEventListener("click", (e) => {
      Array.from(buttons).forEach((button) => button.classList.remove("active"));
      document.getElementById("submit").disabled = false;
      e.target.classList.add("active");
      let text = e.target.innerText;
      document.getElementById("rate").innerHTML = `You selected ${text} out of 5`;
    });
  }
  

  Marked as helpful

  1

  ---

  

  Talika Bajaj•650

  @Talika-BajajPosted 6 months ago

  Hi @RoksolanaVeres

  Thank you for helping me out with this. I really needed some guidance.

  Have a great day 😀

  1

  

  Roksolana•910

  @RoksolanaVeresPosted 6 months ago

  @Talika-Bajaj You're welcome! Have a nice day too :)

  0