title: .addEventListener vs .onclick
body: <p>I keep reading that there is no difference between the two but I am writing a quiz app and am seeing some differences</p>
  
  <p>For example:</p>
  
  <pre><code>Quiz.prototype.handleGuess = function (id, guess) {
      let button = document.getElementById(id);
  
      button.addEventListener('click', function(){
          quiz.guess(guess);
          console.log(guess);
  
      }
  
      if(!quiz.hasEnded){
          quiz.displayNext();
      } else {
          quiz.displayScore();
      };
  };
  </code></pre>
  
  <p>When using an event listener, I will log the guess to the console on the first button choice. When I choose an answer for the second question the console will read not only the new selection but also the choice I made from the previous question. This does not happen when using .onclick() and I am not sure why!</p>