AI boolフラグが次のページに保持されないのはなぜですか？

Question

プレイヤーはこのゲームで1PまたはAIモードを選択できます。私たちは単にフラグを使ってそれを追跡しています。ただし、クリック時にフラグをtrueに変更すると、次のページにルーティングするときにデフォルトのfalseに戻ります。例：

ウォークスルー：再生するモードをAIまたは1Pに設定します。次に、プレイをクリックすると、ページに移動してトピックを選択します。トピックを選択すると、それぞれのAIまたは1Pのゲームページにルーティングされます。

var ai = false; 

$('.mode').click(function() { 
    ai = !ai; 
    $(this).text(function(i, text) { 
     return text === 'Select Mode: AI' ? 'Select Mode: 1P' : 'Select Mode: AI'; 
    }); 
}); 

$('.states').click(function() { 
    // TODO flag engine to grab words from the states word bank 
    if (!ai) { 
     location.href = 'game.html'; 
     } else { 
     location.href = 'roboGame.html'; 
     } 
}); 

Answer 1

var ai = falseを設定し、スクリプトの一部は、このスクリプトを使ってページをロードするたびに実行されています。ブラウザlocalStorageを使用してみてください。

var ai = localStorage.getItem('ai-flag') || false; 

// before navigating to next page 
localStorage.setItem('ai-flag', ai); 

またはルーティングするときに、クエリのparamsを使用することができ、より安全なソリューションのため：第2の溶液の

// on load 
var ai = /ai=true/.test(location.search); 

// on redirect 
location.href = 'index.html?ai=' + ai; 

利点は、特定の状態へのディープリンクにできることなどが！