Interactive rating component, first JS project!

Community feedback

• 

  Fazza Razaq Amiarso•2,340

  @fazzaamiarsoPosted over 2 years ago

  Hello Anubliss! Nice work!

  I think your implementation is valid, but can be more efficient. Here is my refactor.

  buttons.addEventListener("click", setScore)
  
  function setScore(e) { //using event
  const clickedElement = e.target;
  if(clickedElement.tagName !== "BUTTON") return; // don't do anything if the clicked element is not button
  
    score = parseInt(clickedButton.value);
    buttons.forEach((button) => {
      button.classList.remove(`orange`);
    });
    clickedElement.classList.add(`orange`);
  }
  

  There I use, event that is passed by the addEventListener. Event will give you some useful information like what element triggered the event (target), where the event is attached (currentTarget). https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.

  I hope it's useful! Cheers!

  Marked as helpful

  1