なぜか○や✖の前にundefinedという文字が入ってしまいます。
コードがおかしいのかと思い、コードを変えてみたりしたのですが治りません。
おかしい箇所を見つけましたら教えてください。
<html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>都道府県クイズ</title> <script type="text/javascript"> //問題と解答 var quizzes = [ {q : "1の都道府県名は?", a : "北海道"}, {q : "2の都道府県名は?", a : "青森県"}, {q : "3の都道府県名は?", a : "岩手県"}, {q : "4の都道府県名は?", a : "宮城県"}, {q : "5の都道府県名は?", a : "秋田県"}, {q : "6の都道府県名は?", a : "山形県"}, {q : "7の都道府県名は?", a : "福島県"}, ]; var quiz; window.onload = function(){ init(); }; var count = 0; function init(){ quiz = quizzes[count]; document.getElementById("text_q").innerHTML = (count + 1) + "問目"; //問題用のフォームに表示する var questionForm = document.querySelector("#question"); questionForm.value = quiz.q; } function doAnswer(){ //回答用のフォームに入力した値を取得 var answerForm = document.querySelector("#answer"); var answer = answerForm.value; //回答用フォームで入力した内容を削除する answerForm.value = ""; //入力した内容が正しいか調べる var s; var ansers; if (answer == quiz.a) { //正解 s += "○" + quiz.a } else { //不正解 s += "✖" + quiz.a } document.getElementById("text_a").innerHTML = s; //次の問題を表示 count++; if (count < quizzes.length) { next(); } else { //終了 document.getElementById("text_s").innerHTML = "終了"; } } function next(){ init(); } </script> </head> <body> <h1>都道府県クイズ</h1> <hr> <div id="text_q"></div><input type="text" id="question" value=""><br> <input type="text" id="answer" value=""> <input type="button" value="答える"onclick="doAnswer();"> <h2>解答</h2> <div id="text_a"></div> <div id="text_s"></div> </body> </html>
タグは「JavaScript」必要では
回答2件
あなたの回答
tips
プレビュー