title: How do I increment results using innerHTML
body: <p>I have my code setup, I just cant get the results number to increment everytime the processUserText button is clicked, can someone point me in the right direction? </p>
  
  <pre><code>function userHTML() {
      var uput = document.getElementById('uput').value;
      var num=1; 
      num = num ++;
      var html = num +  '.' + uput + '&lt;br&gt;' ;  
      //document.getElementById('result').innerHTML = html;
      document.getElementById("results").innerHTML += html;
  } 
  document.getElementById("processUserText").onclick = function() {
  
  }
  document.getElementById("reset").onclick = function(){  
      document.getElementById("results").innerHTML = "";
  }
  document.getElementById('processUserText').addEventListener("click", userHTML);
  </code></pre>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;input name="uput" id="uput" type="text" size="50" placeholder="Enter your input!"/&gt;
  &lt;input type="button" value="processUserText" id="processUserText"&gt;
  &lt;input type="button" value="Reset" id="reset"&gt;
  &lt;div id="results"&gt;&lt;/div&gt;
  </code></pre>