title: Click twice for two onClick events
body: <p>Is it possible to have one onClick event, on the first click it uses one function and the second click it uses another?</p>
  
  <p>e.g. </p>
  
  <pre><code>&lt;p id="demo" onclick="goRed(), goBlue()"&gt;Click me to change my text color.&lt;/p&gt;
  
  &lt;script&gt;
      function goRed() {
          document.getElementById("demo").style.color = "red";
      }
      function goBlue() {
          document.getElementById("demo").style.color = "blue";
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Can I make it so the onClick function uses goRed() first, then goBlue() after a second click?
  Thanks</p>