元のjsコードをリロードした後の変数の保存

Question

私はJavaScriptコードの解決方法を何時間も試してきましたが、非常に多くの異なる例が見つかりましたが、どれも自分のコードで動作しないようです。

私は現在、自分のコードに含まれているこれらの変数を使用したいと思います。ここに変数があります。

var isInGame = 0; // Not playing yet 

var money  = 0; // Our cash 

var North = ""; 

var South = ""; 

var East = ""; 

var West = ""; 

var hasArmour = 0; // current does not own Armour 

var hasWater = 0, hasSword = 0; // currently uncrowned  variable changes during game play. 

は私が

たLoadVarsの線に沿って何かをする必要がある知っている - >ストレージから読み込む変数 - >変数に設定 - >ゲーム

を開始するが、Iそれを理解することはできません。私は何時間も勉強した後、ついに諦めて、ちょうど助けを求めることにしました。

私はHTML5のlocalStorageを使用してみましたが、それを理解し、私はクッキーからVARSをロードすると、それは同じ時にVARSを保存する方法を混同するが、それらをリロードされていますgetElementIDを使用しています

悪かったという仮定の下にあったことができませんでしたユーザーが自分のウェブサイトに戻って再び再生したとき。

純粋なJavaScript/HTML5/CSSを使用しています。

ご協力いただければ幸いです。

Answer 1

あなたが値を保存するためのlocalStorageを使用したい場合は、それが

localStorage.setItem('money', money); 

と同じくらい簡単だと後で、あなたが

var money = localStorage.getItem('money'); 

としてそれを取得することができますことは、あなただけの10メガバイトを持っていることに留意してくださいすべての値が文字列として格納されることを保証します。

Answer 2

は、このドキュメントの表情を持っている：https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

私があなただったら、私はオブジェクトのいくつかの種類にゲーム全体の状態を保つ（または保存する前に、オブジェクトに結合）、その後、単に文字列表現にそれを回すだろう/状態をロードしようとすると、逆の動作をします。

let gameLogic = { 
    meta: { 
    inGame: false, 
    }, 
    directions: { 
    north: '', 
    east: '', 
    west: '', 
    }, 
    character: { 
    money: 0, 
    armour: 0, 
    water: 0, 
    sword: 0, 
    } 
}; 

localStorage.setItem('gameState', JSON.stringify(gameLogic)); 
gameLogic = JSON.parse(localStorage.getItem('gameState'));