仅单击按钮即可递增计数器

Increment counter with single click only button

本文关键字：计数器 单击 按钮      更新时间：2023-09-26

我想要一个计数器为每个新访问者显示一个按钮，单击一次时将显示增加，但只允许每个访问者单击一次。

像这样，但一键后按钮被禁用 https://stackoverflow.com/a/13328728/4307913

小提琴链接

<script>
var x = 0;
var already = false;
    function cnt() {
        if(!already) {
                document.getElementById("num").innerHTML = x+=1;
                already = true;
        }
    }
</script>
<div id="counter">
    <h2> support counter </h2>
    <div onclick="cnt()">
         <span id="num">Click here to show support</span>
    </div>
</div>

我找到了这个链接：https://stackoverflow.com/a/12651098/4307913 这是强制性的？

最简单的方法是将用户点击的内容存储在 localStorage 中，否则如果这还不够好（通常不是），那么您需要实现 cookie 跟踪或在服务器端跟踪它。

function cnt () {
   if (!JSON.parse(localStorage.getItem('hasClicked'))) {
       document.getElementById("num").innerHTML = x+=1;
       localStorage.setItem('hasClicked', true);
   }
}
相关文章：