title: How can I make a counter in HTML/CSS
body: <p>So I made a button thats suppose to keep track of how many time <strong>ANYONE</strong> clicked, like a total click counter. But I encounter an issue where when I reload the page, it resets back to 0. I want to make sure that it will count everyones click and save</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;script&gt;
      let num = 0;
      function myFunction() {
      document.getElementById("num").textContent = ++num;
    }
    &lt;/script&gt;
    
    &lt;button class="button" onclick="myFunction()"&gt;
    &lt;p id="num"&gt;&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>