如何使用localStorage?

时间:2019-11-14 23:15:31

标签: javascript html local-storage document getelementbyid

所以我有一个使用localStorage的网站。每次运行它时,我都会看到NaN或正常分数(0)。

就目前而言,NaN在我的网站上还没有进展。

如果您想访问该网站:here is the Website.

有人知道如何修复我的JavaScript代码吗?

setInterval(500, SaveData);

function SaveData() {
  localStorage.setItem('save', score);
  localStorage.setItem('save', btoa(JSON.stringify(score)));  
}
function LoadData() {
  score = window.localStorage.getItem('save');
  document.getElementById('demo').innerHTML = score;
}
window.onload = function()  {
LoadData();
} 

2 个答案:

答案 0 :(得分:1)

也许试试这个...

setInterval(500, SaveData);

function SaveData() {
  var scoreParse = parseFloat(score);
  if (isNaN(scoreParse)) {
   throw “not a number”;    
  }
  localStorage.setItem('save', score);
}
function LoadData() {
  score = window.localStorage.getItem('save');
  document.getElementById('demo').innerHTML = score;
}
window.onload = function()  {
  LoadData();
} 

答案 1 :(得分:0)

由于沙箱限制,它在这里不起作用,但请参见https://jsfiddle.net/tevemadar/Ln70r4bu/-在文本字段中键入任何内容,关闭标签,再次打开链接,文本将在那里。

function save(){
    localStorage.setItem("save",stuff.value);
}
stuff.value=localStorage.getItem("save");
<input type="text" id="stuff" oninput="save()">