htmlでlocalstorageを使用しているマネーシステム

Question

私のページで以下のことができるようにします： ユーザーがページに入り、購入するものがあるときに「金額」値があります。ユーザーが何かを購入するためにクリックすると、15ドル（私は既にこれをスクリプト化しています）から差し引きますが、ページを更新すると15ドルにリセットされます。

どのように私はそれがユーザーがリフレッシュした後でもどれくらい費やしていたかに応じて、それを維持し、htmlを編集してお金をもう一度入れることができますか？私はlocalstorageを試しましたが、うまく動作しないようです。

var money= 15; 
if (money >= 2) { 
    snd.play(); 
    //the first statement should generate a random number in the range 0 to 6 (the subscript values of the image file names in the imagesArray) 
    var num = Math.floor(Math.random() * 21); // 0...6 
    //the second statement display the random image from the imagesArray array in the canvas image using the random number as the subscript value 
    document.canvas.src = imagesArray[num]; 
    money=money-2; 
    document.getElementById("wallet").innerHTML = money; 
    alert.style.display = "block"; 

    span.onclick = function() { 
    alert.style.display = "none"; 
    } 

    window.onclick = function(event) { 
    if (event.target == alert) { 
     alert.style.display = "none"; 
    } 
    } 
} else { 
    alert("Payment was not recieved: Insufficient funds."); 
} 
} 

これは私がなく、ローカルストレージではなく、ただmoney=money-2、説明したように仕事をしたい機能です。

Answer 1

実際にLocalStorageを使用する場合は、実際にはquite simple to doです。その値を取得するには

localStorage.setItem('myCat', 'Tom'); 

：

が値を設定するには

localStorage.getItem('myCat'); 

だから、あなたはあなたのページの負荷に何ができるか、ローカルストレージからお金を得るですが、使用していることであればexcist、もしそれがexcistでなければ、新しい「出発」価値をローカルストレージに保存します。