title: Button to increment contents of html file by one each press
body: <p>Im currently creating a website for my chickens that will have an "egg counter". I have a hidden part of the site that is password protected where I want to put a button that every time I press it, adds one to the egg value. Currently, I have an html file that has just the number in it which I have embedded into the site.</p>
  
  <p>(this is the code that embeds the .html file)</p>
  
  <pre><code>        &lt;h2&gt;&lt;b&gt;Egg Counter!&lt;b/&gt;&lt;/h2&gt;
          &lt;p&gt;So far our chickens have laid&lt;/p&gt;
          &lt;font size="20" color="#FFFFFF"&gt;&lt;embed src="./eggs.html"&gt;&lt;/embed&gt;&lt;/font&gt;
  </code></pre>
  
  <p>I'm a novice programmer and I'm not sure whether this is the right approach but I have no idea how to make the button that changes the egg value.</p>
  
  <p>Any help is greatly appreciated!</p>