title: change text to everytime I click
body: <p>So I want to do this, and I'm fairly new to JavaScript:</p>
  
  <ol>
  <li><p>The first time the button is pushed, the text should be changed to "You pushed the button." (no quotes).</p></li>
  <li><p>The second time the button is pushed, the text should be changed to "You pushed the button (again)." (no quotes).</p></li>
  <li><p>The third through fifth times the button is pressed, the text should be changed to "You pushed the button [n] times." (no quotes). [n] should be replaced by the number of times the button has been pressed.</p></li>
  <li><p>If then button is pressed six or more times, the text should be replaced with "Stop pushing the button." (no quotes).</p></li>
  </ol>
  
  <p>This is what I currently have: </p>
  
  <pre><code>function go() {
      // alert("alert!");
      var paragraph = document.getElementById("output");
      paragraph.innerHTML = "You pushed the button";
  }
  
  function go2() {
      var paragraph2 = document.getElementById("output")
      paragraph2.innerHTML = "You pushed the button (again)";
  }
  </code></pre>
  
  <p>THE HTML IS HERE : <a href="https://gyazo.com/8f24747521b539e2a68058716126279f" rel="nofollow">https://gyazo.com/8f24747521b539e2a68058716126279f</a></p>
  
  <p>any helps :( please someone?? </p>