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');を呼び出してスコア変数を初期化することです。 getItemの第2パラメータはありません。

次に、増分の前後にスコアを保存するかどうかを決定する必要がありますか？その答えによっては、ページ全体で、これはあなたがバックエンドでコードを保存し、後でそれを引っ張ったり、ブラウザ（すなわちクッキー）でそれを格納することができどちらかリフレッシュし永続化するlocalStorage.setItem('score', score);

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