Javascript 如何用HTML/CSS制作计数器

Javascript 如何用HTML/CSS制作计数器,javascript,html,counter,Javascript,Html,Counter,所以我制作了一个按钮,用来记录每个人点击的次数,比如总点击量计数器。但我遇到一个问题,当我重新加载页面时,它会重置回0。我想确保它会计算每个人点击并保存的次数 设num=0; 函数myFunction(){ document.getElementById(“num”).textContent=++num; } 仅使用基于浏览器的javascript无法做到这一点。您的网站是在客户机上执行的,没有与其他客户直接沟通的方式。当您希望在客户端javascript中包含客户端不可用的任何信息(如其他

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


设num=0;
函数myFunction(){
document.getElementById(“num”).textContent=++num;
}

仅使用基于浏览器的javascript无法做到这一点。您的网站是在客户机上执行的,没有与其他客户直接沟通的方式。当您希望在客户端javascript中包含客户端不可用的任何信息(如其他用户正在访问网站)时,您需要从服务器请求该信息

这意味着您需要某种形式的服务器端编程来记录和统计页面访问,将数字存储在服务器上,并将该数字嵌入正在交付的HTML文档中


服务器端web开发的技术选项数不胜数。即使只是列出你所有的选择,这个答案也会太长。所以我不会给你们举任何特定技术的例子。做你自己的研究,以获得对你可用的技术选项的概述,并决定你想学习哪一个。如果您不确定如何使用您选择的技术实现这一点,请随时提出新问题。

您可以将当前状态保存到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>

设num=localStorage.getItem(“计数器”);
函数myFunction(){
document.getElementById(“num”).textContent=++num;
localStorage.setItem(“counter”,document.getElementById(“num”).textContent);
}


我认为您需要一个数据库。您可以将值存储在Cookie或LocalStorages中,看看这是否有帮助:您可以使用localStorageLocalstorage,Cookie在这里不起作用。这个问题问的是“有多少人点击了”。这意味着他们需要一个允许在多个用户之间共享数据的答案。谢谢你的回复,我会尝试自己做research@DarkZero不过,它不会对多个用户起作用。它被称为“本地存储”,因为它是用户及其设备的本地存储。您需要的是某种“服务器存储”。但是在标准javascript API中没有这样的东西。我知道,但这对我来说是一个很好的垫脚石,我尝试搜索更多相关文档和教程,对本地存储和会话存储有了基本的了解。现在正在尝试检查sql和php