クイズを2画面で表示させて、結果を表示させたい

長文失礼します。
1つのページを分割して、左右それぞれに２つのJAVASCRIPTを実行させたいのですがうまくいきません。
１つめのHTMLではCSSを用いて画面を分割してそれぞれ問題を出し、結果をCOOKIEのNAMEにいれています。
２つめのHTMLではそれぞれの結果を分割したCHART.jsに実行させています。

現状の問題としては
●このまま実行させると下の画像のように正答数が０になります。
やりたいこととしては、両方の問題が解き終わる→結果がそれぞれ表示されるようにしたいです。
●両方が解き終わるまで待機する処理がそれぞれif (count == 9 && count2 ==9)とif (count2 == 9 && count ==9)だと思っていたのですがそれもうまくいかなかったので、この処理は省いています。二人の回答が終わるまで結果画面に行かないようにしたいです。
●初期画面で青枠の問題が表示されません。ただ、左側のまるかばつをおすと2問目からは問題が表示されます。なぜでしょうか？

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8" />
5<link rel="stylesheet" href="style.css">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7  <title>Sample</title>
8  <style>
9    #child1 {
10      background-color: lightblue;
11    }
12    #child2 {
13      background-color: lightgreen;
14    }
15
16    @media (min-width: 600px) {
17      #parent {
18        display: flex;
19      }
20      #child1 {
21        flex-grow: 1;
22        height:400px
23      }
24      #child2 {
25        flex-grow: 1;
26        height:400px
27      }
28    }
29  </style>
30</head>
31<body>
32
33  <div id="parent">
34    <div id="child1">
35      <div class="wrapper">
36        <script>var qa = [
37          ['「テトリス（ゲーム）」を開発したのは、日本人だ。', 2],
38          ['生きている間は、有名な人であっても広辞苑に載ることはない。 ', 1],
39          ['現在、2000円札は製造を停止している。', 1],
40          ['パトカーは、取り締まっている最中であれば、どこでも駐車違反になることはない。', 2],
41          ['昆虫の中には、口で呼吸する昆虫もいる。 ', 2],
42          ['一般的に体の水分は、男性より女性のほうが多く含まれている。', 2],
43          ['たとえ１ｃｍの高さであっても、地震によって起こるのは全て「津波」である。', 1],
44          ['1円玉の直径は、ちょうど１ｃｍになっている。', 2],
45          ['塩はカロリー０である。 ', 1],
46          ['「小中学校は、PTAを作らなければならない」と法律で定められている。', 2]
47        ];
48
49        var count = 0;
50        var correctNum = 0;
51
52        window.onload = function() {
53          // 最初の問題を表示
54          var question = document.getElementById('question');
55          question.innerHTML = (count + 1) + '問目：' + qa[count][0];
56        };
57
58        // クリック時の答え判定
59        function hantei(btnNo) {
60          if (qa[count][1] == btnNo) {
61            correctNum++;
62          }
63
64        //cookie（nameにcorrectNumいれる）
65          Cookies.set('name', correctNum);
66
67
68          if (count == 9) {
69            window.location.href = 'kekka2.html'; // 通常の遷移
70          }
71
72          // 次の問題表示
73          count++;
74          var question = document.getElementById('question');
75          question.innerHTML = (count + 1) + '問目：' + qa[count][0];
76        }
77</script>
78        <script src="js.cookie.js"></script>
79        <h1>まるばつクイズ</h1>
80        <div id="question"></div>
81        <div id="buttons">
82          <input type="button" class="button" value="○" onclick="hantei(1)">
83          <input type="button" class="button" value="×" onclick="hantei(2)">
84        </div>
85      </div>
86    </div>
87
88
89
90
91
92        <div id="child2">
93          <div class="wrapper">
94            <script>
95             var qa = [
96                      ['「テトリス（ゲーム）」を開発したのは、日本人だ。', 4],
97                      ['生きている間は、有名な人であっても広辞苑に載ることはない。 ', 3],
98                      ['現在、2000円札は製造を停止している。', 3],
99                      ['パトカーは、取り締まっている最中であれば、どこでも駐車違反になることはない。', 4],
100                      ['昆虫の中には、口で呼吸する昆虫もいる。 ', 4],
101                      ['一般的に体の水分は、男性より女性のほうが多く含まれている。', 4],
102                      ['たとえ１ｃｍの高さであっても、地震によって起こるのは全て「津波」である。', 3],
103                      ['1円玉の直径は、ちょうど１ｃｍになっている。', 4],
104                      ['塩はカロリー０である。 ', 3],
105                      ['「小中学校は、PTAを作らなければならない」と法律で定められている。', 4]
106                    ];
107                    var count2 = 0;
108                    var correctNum2 = 0;
109
110                    window.onload = function() {
111                      // 最初の問題を表示
112                      var question2 = document.getElementById('question2');
113                      question2.innerHTML = (count2 + 1) + '問目：' + qa[count2][0];
114                    };
115
116                    // クリック時の答え判定
117                    function hantei2(btnNo) {
118                      if (qa[count2][3] == btnNo) {
119                        correctNum2++;
120                      }
121
122                    //cookie（nameにcorrectNumいれる）
123                        Cookies.set('name2', correctNum2);
124
125                      if (count2 == 9 ) {
126                     window.location.href = 'kekka2.html'; // 通常の遷移
127                      }
128
129                      // 次の問題表示
130                      count2++;
131                      var question2 = document.getElementById('question2');
132                      question2.innerHTML = (count2 + 1) + '問目：' + qa[count2][0];
133                    }
134
135            </script>
136            <script src="js.cookie2.js"></script>
137            <h1>まるばつクイズ</h1>
138            <div id="question2"></div>
139            <div id="buttons">
140              <input type="button" class="button" value="○" onclick="hantei2(3)">
141              <input type="button" class="button" value="×" onclick="hantei2(4)">
142            </div>
143          </div>
144        </div>
145      </div>
146
147
148</body>
149</html>

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <link rel="stylesheet" href="style2.css">
5  <meta charset="UTF-8" />
6  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7  <title>Sample</title>
8  <style>
9    #child1 {
10      background-color: lightblue;
11    }
12    #child2 {
13      background-color: lightgreen;
14    }
15
16    @media () {
17      #parent {
18        display: flex;
19      }
20      #child1 {
21        flex-grow: 1;
22      }
23      #child2 {
24        flex-grow: 1;
25      }
26    }
27  </style>
28</head>
29
30<body>
31  <div id="parent">
32    <div id="child1">
33      <script src="js.cookie.js"></script>
34      <canvas id="myBarChart"></canvas>
35      <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
36      <script>
37      const name = Cookies.get('name');
38      document.write("正答数は"+name+"です");
39
40      Cookies.get('name');
41      var ctx = document.getElementById("myBarChart");
42      var myBarChart = new Chart(ctx, {
43        type: 'bar',
44        data: {
45          labels: [''],
46          datasets: [
47            {
48              label: '正答数',
49              data: [name],
50              backgroundColor: "rgba(219,39,91,0.5)"
51            }
52          ]
53        },
54        options: {
55          scales: {
56            yAxes: [{
57              ticks: {
58                suggestedMax: 10,
59                suggestedMin: 0,
60                callback: function(value, index, values){
61                  return  value +  '問'
62                }
63              }
64            }]
65          },
66        }
67      });
68      </script>
69</div>
70
71
72
73    <div id="child2">
74        <script src="js.cookie2.js"></script>
75      <canvas id="myBarChart2"></canvas>
76          <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
77          <script>
78          const name2 = Cookies.get('name2');
79          document.write("正答数は"+name2+"です");
80          </script>
81
82
83              <script>
84                Cookies.get('name2');
85              var ctx2 = document.getElementById("myBarChart2");
86              var myBarChart2 = new Chart(ctx2, {
87                type: 'bar',
88                data: {
89                  labels: [''],
90                  datasets: [
91                    {
92                      label: '正答数',
93                      data: [name2],
94                      backgroundColor: "rgba(219,39,91,0.5)"
95                    }
96                  ]
97                },
98                options: {
99                  scales: {
100                    yAxes: [{
101                      ticks: {
102                        suggestedMax: 10,
103                        suggestedMin: 0,
104                        callback: function(value, index, values){
105                          return  value +  '問'
106                        }
107                      }
108                    }]
109                  },
110                }
111              });
112              </script>
113
114    </div>
115  </div>
116  <br>
117  <button onclick="location.href='jikken.html'" >最初にもどる</button>
118</body>
119</html>