Interactive Rating Component

Community feedback

• 

  Loai Esam•670

  @LoaiEsam37

  Posted over 2 years ago

  i have a suggestion but i do not think it is the best but i use it in my project and i think it`s good to think out the box, you can add the button event listener inside the rating buttons event listener so that it start listening for the button when the rating buttons get clicked like this:

  const ratingState = document.getElementById("rating--state");
  const thankyouState = document.getElementById("thank__you--state");
  const submitButton = document.getElementById("submit__rating");
  const ratingSpan = document.getElementById("rating");
  const ratingButtons = document
    .getElementsByClassName("card__btns")[0]
    .getElementsByTagName("button");
  
  Object.values(ratingButtons).forEach((e) => {
    e.addEventListener("click", () => {
      ratingSpan.innerHTML = e.innerHTML;
      submitButton.addEventListener("click", () => {
        ratingState.classList.add("hidden");
        thankyouState.classList.remove("hidden");
      });
    });
  });
  

  and this is my sourcecode

  happy coding!!!

  03

  Marked as helpful