title: Storing a variable to my server
body: <p>I am working on a site for a friend who is releasing an energy drink. He has asked for some stuff that is a little advanced for me, and I told him I could try but he may need to get someone else. The page (so far) is <a href="http://www.coreymrussell.com/exptest" rel="nofollow">here</a> </p>
  
  <p>The button there counts fine, but when I reload the page the variable is reset to 0. I keep thinking that I can use php to store that variable but I'm just not sure how and can't figure it out as I am new.</p>
  
  <p>I'm helping him build this, but it's more for me to learn than anything. Any help on how to store the number of time that button is clicked would be appreciated. I need the count to be stored permanently, so when clicked by anybody anywhere it shows the total count...it acts like a like button so to speak. </p>
  
  <pre><code>&lt;script type ="text/javascript"&gt;
  
  var x = 0;
  function count()
  {
  
  x += 1;
  document.getElementById( "counting" ).value = x;
  
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input id = "counting" type = "text" / class="counter"&gt;&lt;br&gt;people are excited about&lt;br&gt;                      &lt;strongb&gt;EXP Energy!&lt;/strong&gt;&lt;/h1&gt;&lt;p&gt;&amp;nbsp&lt;/p&gt;
  </code></pre>
  
  <p>Show EXP Energy some love and let the world know that you're   excited about its release.</p>
  
  <pre><code>&lt;p&gt;&lt;/center&gt;
  &lt;p&gt;&amp;nbsp&lt;/p&gt;&lt;a class="push_button" href="#" input onclick = "count()"/&gt;I'm  Excited  Too!&lt;/a&gt;
  &lt;/p&gt;    
  </code></pre>