Javascript変数を保存するには？

私は、ポイントのグローバルな「銀行」を含むプロジェクトに取り組んでいます。Javascript変数を保存するには？

私はこのコードのスニペットを使用しようとしていますが、リフレッシュ後に変数を保存することができません。

<!DOCTYPE HTML> 
<html> 
<head> 
    <title>Javascript variable testing</title> 
</head> 

<body> 
    <script type="text/javascript"> 
    var clicks = 500000; 

    function onClick() { 
     clicks += 1; 
     document.getElementById("clicks").innerHTML = clicks; 

    }; 

    </script> 
    <button type="button" onClick="onClick()">Click this bit</button> 
    <p>Clicks: <a id="clicks">500000</a></p> 

</body> 
</html>

出典

2016-05-01 Billybobof

のlocalStorage [ 'MYKEYは'] = 'myValue' リロード後に持続します。 –

@StepanYakovenkoさんがコメントしたように、[localStorage]（https://developer.mozilla.org/en/docs/Web/API/Window/localStorage）を使用してください。 –

データをlocalStorageに設定します。ここにはドキュメントがありますhttps://developer.mozilla.org/en/docs/Web/API/Window/localStorage

ページの更新後に値を取得できます。あなたが使用して値

セット： localStorage.setItem('key', 'value');

あなたはリフレッシュページの後にローカルストレージから値を取得： localStorage.getItem('key');

そうでなければ、あなたがsessionStorage、Web SQL & cookiesを使用することができます。

例：

var clicks = 500000; 
 

 
localStorage.setItem('clicks', clicks); // set you value to localStorage 
 

 
function onClick() { 
 
    clicks += 1; 
 
    localStorage.setItem('clicks', clicks); // update you value 
 
    document.getElementById("clicks").innerHTML = clicks; 
 

 
} 
 

 
window.onload = function() { 
 
    clicks = localStorage.getItem('clicks'); // get your value from localStorage 
 
};

<!DOCTYPE HTML> 
 
<html> 
 

 
<head> 
 
    <title>Javascript variable testing</title> 
 
</head> 
 

 
<body> 
 
    <button type="button" onclick="onClick()">Click this bit</button> 
 
    <p>Clicks: <a id="clicks">500000</a> 
 
    </p> 
 

 
</body> 
 

 
</html>

出典

2016-05-01 12:25:20 DININDU

コードのどこに挿入する必要がありますか教えてください。 – Billybobof

@Billybobofこれを外部のjavascriptファイルまたはインラインの 'script'タグに挿入します。私が提供したAPIドキュメントをお読みください。あなたがアイデアを得た後。 – DININDU

それは本当に役に立たなかった。ちょうど私の質問のコードをコピーして貼り付け、どこに行くのかを加えてから投稿してください。 – Billybobof

Javascript変数を保存するには？

答えて

関連する問題