title: How to store all HTML input values
body: <p>I want to store HTML input values somewhere when I click on the "save" button, so when I'll reload page or reload browser they would be same as I left. I don't know how to do it.</p>
  
  <p>HTML Code:</p>
  
  
  
  <pre><code>&lt;p&gt;
      &lt;input type="text" id="name1" class="input-class" disabled="true" value="Cigarette" /&gt;
      &lt;input type="number" id="input1" class="input-class" value="1" /&gt;&amp;nbsp; - Amount
      &lt;input type="number" id="input2" class="input-class" value="1" /&gt;&amp;nbsp; &lt;input type="button" value="Sold" onClick="gamokleba()" /&gt;
      &lt;br&gt;
      &lt;input type="text" id="name2" class="input-class" disabled="true" value="Winston" /&gt;
      &lt;input type="number" id="input11" class="input-class" value="1" /&gt;&amp;nbsp; - Amount
      &lt;input type="number" id="input21" class="input-class" value="1" /&gt;&amp;nbsp; &lt;input type="button" value="Sold" onClick="gamokleba2()" /&gt;
  
   &lt;/p&gt;
  
   &lt;input type="button" value="Save All Value" onClick="..." /&gt;
  </code></pre>
  
  <p>JavaScript code:</p>
  
  <pre class="lang-js prettyprint-override"><code>function gamokleba (value) {
      document.getElementById('input1').value = document.getElementById('input1').value - document.getElementById('input2').value;
  }
  
  
  function gamokleba2 (value) {
      document.getElementById('input11').value = document.getElementById('input11').value - document.getElementById('input21').value;
  }
  </code></pre>