클릭 한 번만 클릭하면 증분 카운터

Question

각 방문자에 대한 버튼을 표시하려면 카운터를 한 번 클릭하면 표시가 증가하지만 방문자 당 하나의 클릭 만 허용됩니다. https://stackoverflow.com/a/12651098/4307913이 필수입니다 : 이 같이

만에

버튼 내가이 링크를 발견 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> 

한 번의 클릭 후 사용할 수 없게?

Answer 1

가장 간단한 방법은 사용자가 localStorage를 클릭 한 것을 저장하는 것입니다. 그렇지 않은 경우 (일반적으로 그렇지 않은 경우) 쿠키 추적을 구현하거나 서버 측에서 추적해야합니다. 소지품.

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