title: Increment variable value of a variable on webpage refresh
body: <p>I have code which just increments a value by 10 on every button click. I want that code to increment the value whenever I refresh the page. How do I do that? </p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
  function reveal() {
  var val = document.getElementById("outputtext").value;
  var result = parseInt(val) + parseInt(10);
  document.getElementById("outputtext").value = result;
  }
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;p&gt; &lt;h3&gt;Click on below button to increase the value by 10&lt;h3&gt; &lt;/p&gt;
  
  &lt;button onclick="reveal()"&gt; Increment&lt;/button&gt;
  
  &lt;table&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;textarea id="outputtext"&gt;10&lt;/textarea&gt;&lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>