Как я могу сохранить количество нажатий кнопки отправки в браузере

Внутри метода привязка события jQuery объявлена ​​переменная типа

let self = this;

, теперь вы сможете использовать эту переменную в привязке события jquery click

-4
задан Googlian 19 January 2019 в 21:26
поделиться

2 ответа

Вы должны сохранить значение счетчика в некоторых местах, например, время от времени, как текстовый файл, и увеличить его также в файле, чтобы у вас не возникло проблем с тем, чтобы узнать количество кликов до закрытия браузера, найдите его в своем текстовом файле.

0
ответ дан Walaa Alaa 19 January 2019 в 21:26
поделиться

А вот и ты. Это использует 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/

В будущем вы должны действительно включить в свой вопрос свои попытки решения проблемы.

0
ответ дан blackandorangecat 19 January 2019 в 21:26
поделиться
Другие вопросы по тегам:

Похожие вопросы: