別々のページでも、javascriptを実行する方法は？

Question

2択のボタンを選択しながら進むミニゲームを作っているのですが、自分の知識の少なさのせいでゲーム全体でページを三つに分けてしまいました。ボタンを押すページ、結果に応じてゲームクリアと表示されるページ、同じくゲームオーバーと表示されるページです。

ここで、ゲームクリアと表示された時、自分がこれまでに押したボタンの履歴が表示されるようにしたいのですが、何しろページを三つに分けてしまっているのでどうすれば履歴を表示させられるか分かりません。仮に一つ一つの選択肢の変数に+1なり+2なりして、最終的にゴールにたどり着くまでの合計の変数で履歴が変わる様にすれば良いのかもしれませんが、三つ別々のページでこれを実現させるにはどんなプログラムであれば良いですか？

僕はjavascriptを.jsファイルに書いて三つのhtmlファイルから読み込めば、共通したプログラムが実行されるのではないかと考えているのですがそれできちんと動作しますか？

owata.webcrow.jp/JSproject.html

Answer 1

基本的なwebの原則として、3つのページに分けた場合、情報を共有することはできません。

webは一つのurlに対して1つのページの状態をもちます。
なので、1つの方法としてはurlに情報をもたせることがあります。

例えば finish.html?first_game_score=90&second_game_score=80 などです。
こうするとurlに状態が乗っかっているのでurlから各パラメータを抜き出せば使えます。

もしくは、urlに状態をもたせるのではなく、ブラウザ自体に情報をもたせることもできます。
これはcookieというものを使用するので jquery cookie とかでググるとわかりやすいかもしれません。

そのような情報はセキュリティ的にブラウザに持たせるのはどうかなぁと思いますが、とりあえず質問者様のレベル感的には上の２つの方法で良いかと思います！(๑•̀ㅂ•́)و✧