javascript - 在 jquery 中递增并存储 var

Question

由于标题可能会泄露我正在尝试在页面刷新时增加分数值。我不完全确定我所设置的是否正确，因此有一些注释掉了。不寻找直接的答案，只是一些指示和建议，以达到我需要去的地方。

var score = 0;
//localStorage.setItem("score", score);
var rounds;
var ans;
var img;
img = document.getElementsByClassName("image")[0].id;
$(".answer").click(function() {
ans = $(this).attr('id');
if (ans === img) {
   //score++;
   //score = localStorage.getItem("score", score);
   score++;
   //localStorage.setItem("score", score);
   //rounds++;
   alert('right answer');
   location.reload();
} else {
   //score = 0;
   //rounds++;
   alert('wrong answer');
  //location.reload();
}
});
//var res = localStorage.getItem("score", score)
//console.log(res);

只玩了几天查询，所以仍然感觉盲目。任何帮助都会很棒。脚本的其余部分可以在这里找到 jfiddle

Answer 1

我认为使用 localStorage 是正确的选择。它非常容易掌握，并且您已经开始实现一些代码。您要做的第一件事是通过调用 localStorage.getItem('score'); 来初始化 Score 变量。 getItem 没有第二个参数。

那么你需要决定分数是在递增之前还是之后保存？根据该答案，您将调用 localStorage.setItem('score', Score);

https://developer.mozilla.org/en-US/docs/Web/API/Storage