title: Why is the click event triggered multiple times after just one click?
body: <p>I would really appreciate some help with this code I have been stuck on for a while.</p>
  <p>My aim with this is to create a feedback for clicking an answer (multiple choice) for a simple quiz question and then it calls the function apiQuestion() to move on to the next question.</p>
  <p>How I have attempted this is by adding an if else statement where the condition compares the clicked answer with the correct answer data inside a click event listener. It is within the scope of a fetch promise.</p>
  <p>The problem is that after the first initial click, the click event is increasingly repeated for every subsequent event.</p>
  <p>Again, I would greatly appreciate the help!</p>
  <pre><code>function apiQuestion() {
      fetch(`https://opentdb.com/api.php?amount=39&amp;category=31&amp;type=multiple`)
      .then(res =&gt; res.json())
      .then(rawData =&gt; {
          let quizData = shuffle(rawData.results);
          let question = quizData[0].question;
          let correctAnswer = quizData[0].correct_answer;
          let incorrectAnswers = quizData[0].incorrect_answers;
  
          quizQuestion.innerHTML = question;
  
          answers.forEach(answer =&gt; {
              answer.innerHTML = incorrectAnswers.shift() || correctAnswer;
          });
  
          console.log(&quot;Correct answer: &quot; + correctAnswer);
  
          answers.forEach(answer =&gt; {
              answer.addEventListener('click', clickFeedback = (e) =&gt; {
                  answer.removeEventListener('click', clickFeedback)
                  let clickedItem = e.target.innerHTML;
                  if (clickedItem == correctAnswer) {
                      console.log(&quot;CORRECT!&quot;);
                  } else {
                      console.log(&quot;INCORRECT!&quot;);
                  }
                  apiQuestion();
                  return;
              })
          });
      })
      .catch((err) =&gt; {
          console.error(err);
      });
  };
  </code></pre>