javascript - HTML 按钮的点击计数器

Question

我正在尝试找到一种方法来跟踪网站上按钮的按下次数。

到目前为止它可以正常工作，但是每次用户刷新网站时它都会重置。

有办法防止重置吗？

这是我所拥有的:

<button onclick="Test()" id="counter">Check</button>
<p>This program has been run <span id="displayCount">0</span> times.</p>

<script type="text/javascript">
      var count = 0;
      var button = document.getElementById("counter");
      var display = document.getElementById("displayCount");

      button.onclick = function(){
        Test()
        count++;
        display.innerHTML = count;
      }
    </script>

Answer 1

如果你想在客户端维护计数，请尝试使用本地存储:-

<script type="text/javascript">
  var count;
  var button = document.getElementById("counter");
  var display = document.getElementById("displayCount");
   if( window.localStorage.getItem('clickCount')){
     count =  window.localStorage.getItem('clickCount');
   }else{
      count = 0;
    }
   display.innerHTML = count;
  button.onclick = function(){
    Test()
    count++;
     window.localStorage.setItem('clickCount',count);
    display.innerHTML = count;
  }
</script>

但是，如果出现类似情况，如果一个用户点击，则每个用户的点击计数器都会更新，或者如果用户在单独的浏览器或设备中打开网站，则计数器将相同，那么您必须将计数器发送到服务器。