Внутри метода привязка события jQuery объявлена переменная типа
let self = this;
, теперь вы сможете использовать эту переменную в привязке события jquery click
Вы должны сохранить значение счетчика в некоторых местах, например, время от времени, как текстовый файл, и увеличить его также в файле, чтобы у вас не возникло проблем с тем, чтобы узнать количество кликов до закрытия браузера, найдите его в своем текстовом файле.
А вот и ты. Это использует LocalStorage для хранения счетчика в качестве переменной и увеличивает его при каждом нажатии кнопки. LocalStorage может хранить только строки, поэтому для добавления 1 требуется сначала преобразование в int.
Я не могу встроить код непосредственно в этот ответ из-за ограничений SO. Вот код и работающий JSFiddle .
HTML:
<button class='clickButton' onclick="clickButtonFunction()">Click to increment</button>
<div id='clickCounter'></div>
<button class='clickButton' onclick="clickReset()">Reset count</button>
Javascript:
// This function increases the count
function clickButtonFunction() {
console.log('run');
//Check to see if the localstorage variable exists. If it does not, this is the first time coming to the page, and we need to initalize it to 0
if (localStorage.getItem("clickCounter") === null) {
// Store
localStorage.setItem("clickCounter", "0");
}
// Get the value from local storage
var value = parseInt(localStorage.getItem("clickCounter"));
// Incrememtnt the count by 1
var newValue = value + 1
//Write the value back to local storage
localStorage.setItem("clickCounter", newValue);
// Write the value to the div
document.getElementById("clickCounter").innerHTML = newValue
}
// Reset local storage to 0
function clickReset() {
localStorage.setItem("clickCounter", "0");
// Write the value to the div
document.getElementById("clickCounter").innerHTML = '0'
}
https://jsfiddle.net/tLyva5oq/
В будущем вы должны действительно включить в свой вопрос свои попытки решения проблемы.