答え合わせをする画面

答え合わせをする画面を作ったのですがうまく表示されません。
ボタンを押しても反応がありません
なにか間違えているところがあれば教えてください。

<html>
<script type="text/javascript">
function hokkaidou(a)
var x = 0;
var y = "間違えたのは、";
var z = "問正解でした";
x += z
document.write(x)
        if(hokkaidou == "北海道"){
           x +=1
        } else {
           y +="1."
        }
      }
</script>
<input type="text" name="entry.0000000000" id="hokkaidou" value="" placeholder="1">
<input type="button" value="答え合わせをする" onclick="a(hokkaidou.value)">
</html>

Lhankor_Mhy

2020/05/14 08:15

結果（実際に起きたこと）を書きましょう https://teratail.com/help/question-tips#questionTips3-4-1 エラーメッセージや実行ログをコピー&ペーストしましょう https://teratail.com/help/question-tips#questionTips3-4-2 期待した処理結果を書きましょう https://teratail.com/help/question-tips#questionTips3-4-3 問題が発生する条件を具体的に書きましょう https://teratail.com/help/question-tips#questionTips3-5-3

Yorrie

2020/05/14 08:36

前々回（https://teratail.com/questions/257136）も前回（https://teratail.com/questions/257439）もなんですけど、質問の内容が漠然としすぎていて丸投げの質問になっています。「何を試して何が起きたか」「どう動いてほしいか」を明確にしてください。毎回こんな質問をブン投げられては困ります。

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

回答3件

自己解決

問題を出して正解かどうかを判断するモノを作れました。
以下がコードです。

<!DOCTYPE HTML>
<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='';
    if (answer == quiz.a) {
		//正解
		s += "○" + quiz.a
    } else {
        //不正解
		s += "✖" + quiz.a
    }
	document.getElementById("text_a").innerHTML = s;
	//次の問題を表示
	count++;
	if (count < quizzes.length) {
        next();
}
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>
<div id="text_t"></div>
</body>
</html>

投稿2020/06/04 10:40

my521

総合スコア16