jQueryがわからなくて困っています。
game.htmlを固定し、main.jsの中で.loadでゲーム用のhtmlを毎回ロードしたいのですが、なにも変わらないです。
出ているのは最初にindex.htmlに遷移した際にmain.jsでloadしている画面だけです。
初歩的な質問でお恥ずかしいですが、よろしくお願い致します。
///main.js/// $(function() { // 値の初期化 var readyTime = 2000; var limitTime = readyTime + 5000; // ゲームを表示する処理 // TODO:「games」ディレクトリからランダムに選択するように変えたい // クイズを足したら、下の配列に手動で増やす var rlink = []; rlink[0] = "games/001.html"; rlink[1] = "games/002.html"; rlink[2] = "games/003.html"; // ランダム表示 var x = Math.floor(Math.random() * rlink.length); $("#game").load(rlink[x]); // 最初にルールをだけを表示して、2秒後に問題を表示する処理 setTimeout(function(){ $("#game-area").css("display", "block"); }, readyTime); // 選択した結果を元にページ遷移 setTimeout(function(){ var gameResult = $("#game-result").attr("value"); if (gameResult === "continue") { // 次の問題を表示 // TODO:ページ遷移はせずに、「games」ディレクトリからまだプレイされていないゲームを表示するように変えたい。 $("#game").load(rlink[x]); // window.location.href = 'game.html'; } else { // 終了画面に遷移 // TODO:クリアしたゲーム数を表示するようにしたい。ページ遷移ではなく読み込みの方がいいか? localStorage.removeItem("tostr"); window.location.href = 'end.html'; } }, limitTime); });
回答2件
あなたの回答
tips
プレビュー