如何在 HTML/CSS 中创建计数器

暗零

所以我做了一个按钮,用来记录任何人点击的次数,就像一个总点击计数器。但是我遇到了一个问题,当我重新加载页面时,它会重置回 0。我想确保它会计算每个人的点击并保存

  <script>
    let num = 0;
    function myFunction() {
    document.getElementById("num").textContent = ++num;
  }
  </script>
  
  <button class="button" onclick="myFunction()">
  <p id="num"></p>

弗兰迪·维贾亚

您可以将当前状态保存到 localstorage

像这样

 <script>
    let num = localStorage.getItem("counter");
    function myFunction() {
    document.getElementById("num").textContent = ++num;
    localStorage.setItem("counter", document.getElementById("num").textContent);

  }
  </script>
  
  <button class="button" onclick="myFunction()">
  <p id="num"></p>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章