title: Un-set button on refresh with javascript?
body: <p>I am making a calculator that will display the results on the same page, but when I refresh the button is still 'set' according to php.
  I have a function running to catch the refresh and stop such things in javascript for something else I was doing but I am not sure how to 'un-set' the button on refresh.</p>
  
  <pre><code>&lt;script&gt;
  document.addEventListener("DOMContentLoaded", function() {
    hide();
  });
  function hide() {
      var x = document.getElementById('drinksDIV');
      x.style.display = 'none';
      var x = document.getElementById('submit');
      x.session_unset;
  }
  function enableDisable(bEnable, textBoxID)
  {
      document.getElementById(textBoxID).disabled = !bEnable
  }
  function myFunction() {
      var x = document.getElementById('drinksDIV');
      if (x.style.display === 'none') {
          x.style.display = 'block';
      } else {
          x.style.display = 'none';
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>But when I refresh the echo'd results still remain at the top</p>
  
  <p>This is what i have at the top of my page:</p>
  
  <pre><code>&lt;?php
  if(isset($_POST['submit'])){ //check if form was submitted
    $input = $_POST['age']; //get input text
    echo "Success! You entered: ".$input;
  }    
  ?&gt;
  </code></pre>
  
  <p>Once submitted once it will always be there instead of hiding on refresh </p>