JSのアラートで問題の正当数が上手く機能しません。

データベースから１０問ランダムに配列で取得して、その正当数をJSのアラートで表示したいのですが、
返り値のコードがおかしいのか、正解の選択肢を入れて回答しても正当数０で表示されてしまいます。
JSにはあまり詳しくなく、どなたかお力をお借りできないでしょうか？```
＜テーブル：quiz＞
＜カラム：id / question / choice_1 / choice_2 / choice_3 / answer /＞

コード
<!DOCTYPE html>
　　　　<html>
　　　　<head>
　　　　<title>Sample Quiz</title>
　　　　</head>
　　　　<body>

　　　　<?php 
     　　　　$dsn='mysql:host=localhost;dbname=quiz';
    　　　　 $user='root';
    　　　　 $password='root';
        
    try{
        　　$db=new PDO($dsn,$user,$password);
       　　 $db ->setAttribute(PDO::ATTR_EMULATE_PREPARES,false);
     　　　 $sql="SELECT * FROM quiz ORDER BY RAND()";
        　　$stmt=$db->query($sql);
        　　$stmt->execute(); 
        　　}catch(PDOException $error){
       　　　 echo "error".$error->getMessage();
   　　 }
/////////////////////////////////////////////////////////////////////////////   DB 
        　　$id='id';
        　　$question='question';
       　　 $choice_1='choice_1';
       　　 $choice_2='choice_2';
       　　 $choice_3='choice_3';
       　　 $number=0;
 
      　　　$number = 0;
      　　　for($i=0;$row=$stmt->fetch(); $i++){
      　　  $number++;  
      　　  $id = $row['id'];
      　　  $question = $row['question'];
      　　  $ans_array = array($row['choice_1'],$row['choice_2'],$row['choice_3']);{
       }
       　　 shuffle($ans_array);
　　　　?>
    
    　　　　<h4> <?php echo $number . ".) " . $question; ?></h4>   
    　　　　<label><input type="radio" value="<?php echo $ans_array[0]; ?>" name="<?php 　　　　　　echo $question; ?>"> <?php echo $ans_array[0]; ?></label>
   　　　 <label><input type="radio" value="<?php echo $ans_array[1]; ?>" name="<?php echo 　　　　　$question; ?>"> <?php echo $ans_array[1]; ?></label>
   　　　 <label><input type="radio" value="<?php echo $ans_array[2]; ?>" name="<?php echo 　　　　　$question; ?>"> <?php echo $ans_array[2]; ?></label>
    
　　　<?php}?>
    
　　　<br><br> 

　　　　<button onclick="returnScore()">View Results</button>
    
<script>  /////////////////////////////////////////////////////////////////////  Showing 　　　　total score 
    　　　　　var ans = [];
   　　　　　 var answers = [];
    　　　　　answers[0]="Japanese";
    　　　　　answers[1]="Sushi";
    　　　　　answers[2]="Abe";
   　　　　　 answers[3]="Yen";
   　　　　　 answers[4]="JAL";
  　　　　　  answers[5]="Tokyo";
  　　　　　  answers[6]="Naruto";
  　　　　　  answers[7]="Reiwa";
  　　　　　  answers[8]="Line";
  　　　　　  answers[9]="Kento";
    
  　　　　　  function getScore(){{
   　　　　　 var score=0;
   　　　　　 var numQuestion=10;
   　　　　　 return score ;
   　　　　　 return numQuestion ;
  　　　　  }
   　　　　　 score = getScore();
     
    
   　　　　　 for(var i=0;i<=numQuestion;i++){
   　　　　　 if(ans[i]==answers[i]){
    　　　　　 score+=1;
     　　　}
    　　　　　else{
    　　　　　score +=0;
    　　 }
    }
                       }
   　　　　　　function returnScore(){
  　　　　　　 console.log('test')
   　　　　　　alert("Your Score is" + getScore()+"/10");
  }

　　　　</script>
　　　　</body>
　　　　</html>

m.ts10806

2019/05/09 12:20

質問ではなくデバッグ依頼になっています　＜タイトルあとコードにはきちんとインデントをつけてください（手元のコードのインデントを調整してから質問にご提示ください）

amaturePy

2019/05/09 12:28

失礼いたしました。修正いたします。

m.ts10806

2019/05/09 12:39

いや、デバッグ依頼は非推奨なのでタイトルを改めてくださいと言うことなのですが。 https://teratail.com/help/avoid-asking >コードをください・デバッグしてください等の丸投げの質問

amaturePy

2019/05/09 12:48

大変失礼いたしました。ルール違反だったのですね。以後気を付けます。インデントは問題なかったでしょうか？インデントも未だ不安要素でして。。。

m.ts10806

2019/05/09 12:52

解決はされたようですが、タイトルだけでも修正しておいてください。まったくついてないように見受けられます＜インデント私は「手元のコードを調整して」と依頼してますが、編集履歴からすると全角スペースでつけられてませんか？全角スペースでは動作しませんよ。 IDEのコードフォーマット機能を利用するか、Web上のコード整形サービスを利用されてはどうでしょうか。

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

回答1件

ベストアンサー

javascript
1function getScore() {
2//    {  
3        var score=0;  
4        var numQuestion=10;  
5//        return score ;  
6//        return numQuestion ;  
7//    } 
8//    score = getScore();  
9
10    for(var i=0;i<=numQuestion;i++) {  
11        if(ans[i]==answers[i]) {  
12            score+=1;  
13        } else {  
14            score +=0;  
15        }  
16    }
17    return score;//add  
18}