title: Change color onClick than change back when clicking other item
body: <p>I have my Javascript set-up so when I click a button the text changes color, I'm trying to make the text change back to its original color when clicking another button.</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;button class="middleHeader" id="button1"&gt;Button 1&lt;/button&gt;
  
      &lt;button class="middleHeader" id="button2"&gt;Button 2&lt;/button&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>    var button1 = document.querySelector('button1'),
          button2 = document.querySelector('button2');
  
      function changeColor() {
          this.style.color = '#5d98fb';
          return false;
      }
  
      button1.addEventListener('click', changeColor, false);
      button2.addEventListener('click', changeColor, false);
  </code></pre>