title: Have addEventListener on multiple of the same IDs
body: <p>I need to add an event listener to my retweet, like and dislike buttons.  They all have the same ID so right now only the top tweet has the counter increase.  This is a project for school so I can only use raw JS.  Here is a link to the fiddle:</p>
  
  <p><a href="https://jsfiddle.net/1sc7g5ko/" rel="nofollow">https://jsfiddle.net/1sc7g5ko/</a></p>
  
  <p>And here is what my JS looks like</p>
  
  <pre><code>var retweets;
  retweets = 0;
  
  var likes;
  likes = 0;
  
  var dislikes;
  dislikes = 0;
  
  document.getElementById("retweet").addEventListener("click", retweetClicked);
  
  function retweetClicked(){
      document.getElementById("retweet").innerHTML = retweets += 1;
  };
  
  document.getElementById("likes").addEventListener("click", likeClicked);
  
  function likeClicked(){
      document.getElementById("likes").innerHTML = likes += 1;
  };
  
  document.getElementById("dislikes").addEventListener("click", dislikeClicked);
  
  function dislikeClicked(){
      document.getElementById("dislikes").innerHTML = dislikes += 1;
  };
  </code></pre>