title: Event listeners not working
body: <p>I'm fairly new to learning Javascript and I need help with adding event listeners.   On team treehouse, I was taught to add a simple event listener like this to change the colour of something when it is clicked on:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var changeColor = document.getElementsByTagName("button");
  
  changeColor.addEventListener('click', () =&gt; {
      changeColor.style.color="red";
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>This will not work when i run index.html. 
  The error is:</p>
  
  <p>Uncaught TypeError: changeColor.addEventListener is not a function at scripts.js:3</p>
  
  <p>I have been attempting to fix this for hours now, but I don't understand where I have gone wrong. </p>
  
  <p>I am using Virtual Studio.</p>