尝试在点击器网站中存储数据

Question

我正在尝试存储一个名为的变量score，无论您何时刷新，您都会一次又一次地使用该变量。我无法弄清楚的是代码是什么。我尝试了一些方法，但它们似乎都不起作用。这是我的点击器网站。但是当我尝试使用 JavaScript 来存储它时，它不能与window.onload和 以及onload=. 另外我的负载可能是正确的，因为我有一个score = data带有document.getElementById('points').innerHTML = score;.我的代码如下所示：var score = 0;setInterval(SaveData, 10);setInterval(Click, 1000); // Every full second allow clicking ONE point.function Click() {  score++;  document.getElementById('btn').onclick = function() {    document.getElementById('demo').innerHTML = score;    clearInterval(Click);  }}function SaveData() {  // What saves the variable score  localStorage['save'] = btoa(JSON.stringify(score));}function LoadData() {  score = JSON.parse(atob(localStorage['save']))  document.getElementById('demo').innerHTML = score;}window.onload = function() {  // When the window loads do this  LoadData();};

Answer 1

更改此行SaveData()：

localStorage['save'] = btoa(JSON.stringify(score));

对此：

localStorage.setItem('save', btoa(JSON.stringify(score)));

和这一行LoadData()：

score = JSON.parse(atob(localStorage['save']))

对此：

score = JSON.parse(atob(localStorage.getItem('save')));

此外，无需每次点击更新事件。您可以将该代码移出Click()函数：

document.getElementById('btn').onclick = function() {

  document.getElementById('demo').innerHTML = score;

  clearInterval(Click);

}

function Click() {

  score++;

}

并且您传递给clearInterval()您从中获取的 ID 值setInterval()，而不是函数引用。就像是：

var timer = setInterval(Click, 1000);

clearInterval(timer);