javascript - 带有仅单击按钮的增量计数器

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 8 年前。

Improve this question

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

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

Fiddle Link

<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这是强制性的吗？

Answer 1

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

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