htmlのデータの受け渡しについて

###発生している問題・エラーメッセージ
html5で基本情報の問題をランダムに表示させるサイトを作っています
toi.htmlとkai.htmlで問題と解答を一致させるにはここからどうすれば良いか分からず困っています

###ソースコード
toi.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF=8"/>
<title>基本情報一問一答</title>
<style type="text/css">
a {border-style: solid;}
</style>
<script language="JavaScript">
<!--
var img = new Array();
img[0] = "toi/０.jpeg";
img[1] = "toi/１.jpeg";
img[2] = "toi/２.jpeg";
img[3] = "toi/３.jpeg";
img[4] = "toi/４.jpeg";


var n = Math.floor(Math.random()*img.length);

document.write("<img src='"+img[n]+"' border='0'>");

//-->
</script>
</head>
<body>
<a href="kai.html">解答へ</a>
</body>
</html>

kai.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF=8"/>
<title>基本情報一問一答</title>
<style type="text/css">
a {border-style: solid;}
</style>
<script language="JavaScript">
<!--
var img = new Array();
img[0] = "kai/0.png";
img[1] = "kai/1.png";
img[2] = "kai/2.png";
img[3] = "kai/3.png";
img[4] = "kai/4.png";


var n = Math.floor(Math.random()*img.length);

document.write("<img src='"+img[n]+"' border='0'>");

//-->
</script>
</head>
<body>
<a href="toi.html">次の問題へ</a>
<a href="home.html">ホームへ</a>
</body>
</html>

行動規範の内容に同意します

回答1件

toi のページで選択した内容を kai のページに渡す必要があります。
具体的には下記どちらかの手法になると思います。

１. A タグの URL に選択内容を追加し、kai ページで取得する。
→ GETパラメータなら、kai ページにて「location.search」で取得できます

例：

html
1<!-- toi.html -->
2<script>
3// 省略
4
5window.onload = function () {
6  // リンク先URLにランダム選択値を追加
7  document.getElementById('kai').href += "?n=" + n;
8}
9</script>
10</head>
11<body>
12<a id="kai" href="kai.html">解答へ</a>
13</body>
14</html>
15
16<!-- kai.html -->
17<script>
18alert(location.search);
19</script>
20</head>
21<body>
22<a href="toi.html">次の問題へ</a>
23<a href="home.html">ホームへ</a>
24</body>
25</html>