正解数によっての画面遷移がうまくいかない

3問目まで回答し、2/3以上正解だったらQuiz2に、それ以下だったらXに画面が変わるようにしたいのですが、X.htmlに変わらず困っています。
2/3以上正解の場合は「}else{window.location.replace('X.html');」を消せば動くのですが、入れると1問目からXに変わってしまいます。

HTML
1<!DOCTYPE html>
2<html>
3  <html lang="ja">
4  <head>
5
6  　<meta charset="UTF-8">
7  　<title>Quiz</title>
8
9  </head>
10
11  <body>
12
13  　<script src="q_data1.js" ></script>
14
15　　<div id = "q_text">問題文</div>
16
17  　<form name="AAA" action="BBB">
18  　<input type="text" name="CCC">
19  　<input type="button" value="回答" onclick="EEE()">
20
21  </body>
22</html>

JavaScript
1var point = 0
2var q_no = 0
3var q_data = [
4    {text   : 'サトシの相棒といえば？',
5     answer : ['ピカチュウ','ぴかちゅう']},
6    {text   : 'ピカチュウの進化前は？',
7     answer : ['ピチュー','ぴちゅー']},
8    {text   : 'ピカチュウの進化後は？',
9     answer : ['ライチュウ','らいちゅう']}
10   ];
11
12
13window.onload = function (){
14document.getElementById("q_text").innerHTML = q_data[q_no].text;
15}
16
17
18function EEE(){
19  if (q_data[q_no].answer.includes(AAA.CCC.value)) {
20	    document.AAA.reset();
21      point++;
22      console.log("正解");
23    }else{
24      document.AAA.reset();
25      console.log("不正解");
26  }
27
28  console.log(point);
29
30  q_no++;
31
32  if (q_no == 3 && point >= 2) {
33      window.location.replace('Quiz2.html');
34//    }else{
35//      window.location.replace('X.html');
36  }
37
38  document.getElementById("q_text").innerHTML = q_data[q_no].text;
39}

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

回答1件

ベストアンサー

js
1  if ( q_no == 3 && point >= 2 ) {
2      window.location.replace( 'Quiz2.html' );
3  } else if ( q_no == 3 ) {
4      window.location.replace( 'X.html' );
5  }