単語テストの表示方法

問題文を表示するところがうまくいきません。
初心者なのでいろいろおかしなところがあると思います。教えていただけると幸いです。
コードの{q : "・・・", a : "・・・"},のqが表示されません。以下がコードです。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>クイズ</title>
<script type="text/javascript">
var quizzes = [
    {q : "《動》Oに～させる", a : "let"},
    {q : "《動》を決心する", a : "decide"},
    {q : "《動》OをCのままにしておく、を置き忘れる、(を)去る", a : "leave"},
    {q : "《動》切望する", a : "long"},
    {q : "《動》(を)練習する、を実行する", a : "practice"},
    {q : "《動》引っ越す、を動かす、を感動させる", a : "move"},
    {q : "《動》を支払う", a : "pay"},
    {q : "《動》を変える、変わる", a : "change"},
    {q : "《動》をつづる", a : "spell"},
    {q : "《動》成長する、増大する、を栽培する", a : "grow"},
    {q : "《動》を費やす", a : "spend"},
    {q : "《動》(を)注文する、(を)命じる", a : "order"},
    {q : "《動》(を)共有する、を分け合う", a : "share"},
    {q : "《動》(を)確かめる、(を)調べる、(を)検査をする", a : "check"},
    {q : "《動》を忘れる", a : "forget"},
    {q : "《動》に案内する", a : "guide"},
    {q : "《動》を開催する、を持つ", a : "hold"},
    {q : "《動》にインタビューする、と面接する", a : "interview"},
    {q : "《動》(を)旅行する", a : "travel"},
    {q : "《動》を予期する、を期待する", a : "expect"},
    {q : "《動》がいなくて寂しく思う、をし損なう、に乗り遅れる", a : "miss"},
    {q : "《動》を準備する", a : "prepare"},
    {q : "《動》を勝ち取る、(に)勝つ", a : "win"},
    {q : "《動》を運ぶ", a : "carry"},
    {q : "《動》を建てる、を築き上げる", a : "build"},
    {q : "《動》気にかける", a : "care"},
    {q : "《動》がかかる", a : "cost"},
    {q : "《動》を創造する", a : "create"},
    {q : "《動》(を)デザインする", a : "design"},
    {q : "《動》増加する、を増やす", a : "increase"},
    {q : "《動》を紹介する、を導入する", a : "introduce"},
    {q : "《動》の方を好む", a : "prefer"},
    {q : "《動》くつろぐ、緩む、をくつろがせる", a : "relax"},
    {q : "《動》を運営する、流れる、走る", a : "run"},
    {q : "《動》(を)節約する、(を)蓄える、を救う", a : "save"},
    {q : "《動》を加える", a : "add"},
    {q : "《動》賛成する", a : "agree"},
    {q : "《動》出場する、のように見える", a : "appear"},
    {q : "《動》を借りる", a : "borrow"},
    {q : "《動》死ぬ", a : "die"},
    {q : "《動》を改良する、良くなる", a : "improve"},
    {q : "《動》を意味する", a : "mean"},
    {q : "《動》(を)嫌がる、(に)気をつける", a : "mind"},
    {q : "《動》を植える、(種)をまく", a : "plant"},
    {q : "《動》を受け取る", a : "receive"},
    {q : "《動》を借りる、を貸す", a : "rent"},
    {q : "《動》Oが～するのを許す", a : "allow"},
    {q : "《動》を我慢する", a : "dear"},
    {q : "《動》を引き起こす", a : "cause"},
    {q : "《動》を続ける、続く", a : "continue"},
    {q : "《動》服を着る、に服を着せる", a : "dress"},
    {q : "《動》についていく、に続く、に従う", a : "follow"},
    {q : "《動》(を)報道する、(を)報告する", a : "report"},
    {q : "《動》帰る、戻る、を返す", a : "return"},
    {q : "《動》のようだ、のように見える", a : "seem"},
    {q : "《動》を訓練する、トレーニングする", a : "train"},
    {q : "《動》待つ", a : "wait"},
    {q : "《動》を招待する", a : "invite"},
    {q : "《動》のように思われる、に聞こえる、音を出す", a : "sound"},
    {q : "《動》の味がする、を味わう", a : "taste"},
    {q : "《動》心配する、を心配させる", a : "worry"},
    {q : "《動》に加わる、参加する", a : "join"},
    {q : "《動》を失う、(で)負ける", a : "lose"},
    {q : "《動》を覚えている、忘れずに～する", a : "remember"},
    {q : "《動》(を)登る", a : "climb"},
    {q : "《動》を交換する、を両替する", a : "exchange"},
    {q : "《動》AにBを申し出る、AにBを提供する", a : "offer"},
    {q : "《動》を上演する、(を)演じる、を実行する", a : "perform"},
    {q : "《動》を摘む、を選ぶ", a : "pick"},
    {q : "《動》を修理する", a : "repair"},
    {q : "《動》卒業する", a : "graduate"},
    {q : "《動》を推測する", a : "guess"},
    {q : "《動》と結婚する", a : "marry"},
    {q : "《動》を保護する", a : "protect"},
    {q : "《動》捜す", a : "search"},
    {q : "《動》を調整する、を置く", a : "set"},
    {q : "《動》の匂いがする", a : "smell"},
    {q : "《動》進路を変える、変わる", a : "turn"},
    {q : "《動》・・・であればいいのに(と思う)、を願う", a : "wish"},
    {q : "《動》到着する", a : "arrive"},
    {q : "《動》を中止する、を取り消す", a : "cancel"},
    {q : "《動》(の)写し取る、(を)真似る", a : "copy"},
    {q : "《動》を覆う", a : "cover"},
    {q : "《動》に入る、に参加[出場]する", a : "enter"},
    {q : "《動》起こる、偶然～する", a : "happen"},
    {q : "《動》を推薦する、を勧める", a : "recommend"},
    {q : "《動》を盗む、盗みをする", a : "steal"},
    {q : "《動》(を)投げる", a : "throw"},
    {q : "《動》・・・かなと思う", a : "wonder"},
    {q : "《動》を避ける", a : "avoid"},
    {q : "《動》を焼く", a : "bake"},
    {q : "《動》を含む、を収容できる", a : "contain"},
    {q : "《動》に損傷を与える", a : "damage"},
    {q : "《動》に不合格のなる、失敗する", a : "fail"},
    {q : "《動》に食べ物を与える", a : "feed"},
    {q : "《動》にぴったり合う、に適している", a : "fit"},
    {q : "《動》を修理する、を固定する", a : "fix"},
    {q : "《動》を傷つける、痛む", a : "hurt"},
    {q : "《動》を導く、発展する", a : "lead"},
    {q : "《動》を調理する、を育てる、を上げる", a : "raise"},
    {q : "《動》を解決する", a : "solve"},
    {q : "《動》目を覚ます、Oを起こす", a : "wake"},
    {q : "《動》を浪費する", a : "waste"},
    {q : "《動》(に)忠告する", a : "advise"},
    {q : "《動》を取り決める、準備をする", a : "arrange"},
    {q : "《動》所属する、属する", a : "belong"},
    {q : "《動》を祝う", a : "celebrate"},
    {q : "《動》(に)歓声を上げる、を励ます", a : "cheer"},
    {q : "《動》(を)数える", a : "count"},
    {q : "《動》を遅らせる、を延期する", a : "delay"},
    {q : "《動》を含む", a : "include"},
    {q : "《動》AにBを貸す", a : "lend"},
    {q : "《動》を詰め込む、(を)荷造りする", a : "pack"},
    {q : "《動》(を)生産する、を引き起こす", a : "produce"},
    {q : "《動》に到着する", a : "reach"},
    {q : "《動》回復する、を取り戻す", a : "recover"},
    {q : "《動》のままである、残る", a : "remain"},
    {q : "《動》を予約する、を取っておく", a : "reserve"},
    {q : "《動》返事をする、答える", a : "reply"},
    {q : "《動》を出す、(に)給仕する、(に)仕える", a : "serve"},
    {q : "《動》広がる、を広げる", a : "spread"},
    {q : "《動》を我慢する、立っている", a : "stand"},
    {q : "《動》(を)交換する、貿易する", a : "trade"},
    {q : "《動》を輸送", a : "transport"},
    {q : "《動》動揺する", a : "upset"},];
var quiz;
window.onload = function(){
    init();
};
	var count = 0;
	let point = 0;
function init(){
textarea[name="question"]{
var qnumber = Math.floor( Math.random() * 125) ;
    quiz = quizzes[qnumber];
	document.getElementById("text_q").innerHTML = (count + 1) + "問目";
    //問題用のフォームに表示する
    var questionForm = document.querySelector("#question");
    questionForm.value = quiz.q;
	document.getElementById("text_p").innerHTML = point + "点";
}
}
function doAnswer(){
    //回答用のフォームに入力した値を取得
    var answerForm = document.querySelector("#answer");
    var answer = answerForm.value;

    //回答用フォームで入力した内容を削除する
    answerForm.value = "";
    
    //入力した内容が正しいか調べる
	var s='';
var ca = '';
    if (answer == quiz.a) {
		//正解
		s += "○" + quiz.a
                point +=3
    } else {
        //不正解
		s += "✖" + quiz.a
                point -= 1
    }
	document.getElementById("text_a").innerHTML = s;
	//次の問題を表示
	count++;
	if (count < quizzes.length) {
        next();
	} else {
quizResult();		
//終了
	}
}
function next(){
    init();
}
</script>
</head>
<body >
<div id="text_q"></div><textarea name="question" rows="4" cols="40"></textarea><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>
<h2>得点</h2>
<font size="4" color="#ff0000"><div id="text_p"></div></font>
</body>
</html>

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

回答1件

ベストアンサー

var questionForm = document.querySelector("#question");
を
var questionForm = document.getElementsByName("question")[0];
もしくは
var questionForm = document.querySelector("textarea[name='question']");
に。

id とname の違いに注意。

投稿2021/04/15 13:12

編集2021/04/15 13:13