Счетчик приращений с кнопкой только одного клика

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); 
    } 
}