JavaScript英語クイズのソースコード

<button onclick="quizFunction()">英語クイズをはじめる</button>
<p id="result"></p>

<script>
function quizFunction() {
//問題と答えをリストにする
let list = {"りんご":"apple","バナナ":"banana","いちご":"strawberry","もも":"peach","ぶどう":"grape","オレンジ":"orange","さくらんぼ":"cherry","あんず":"apricot","パイナップル":"pineapple"
};

//リストの問題部分を取り出す
let listob = Object.keys(list);

//問題をランダムに生成
let randomIndex = Math.floor(Math.random() * listob.length);

//問題を配列から取り出す
let question = listob[randomIndex];

//問題に応じた答えを配列から取り出す
let answer = list[question];

//テキストボックスを表示する
let textbox = prompt(question+"は英語で？");

//正解の場合
if (answer === textbox) {
document.getElementById("result").innerHTML= question+"は英語で"+answer+"<br>正解！";

//入力がない場合
} else if(textbox === null) {
document.getElementById("result").innerHTML = " 正解は"+answer;

//不正解の場合
} else {
document.getElementById("result").innerHTML = textbox+"…<br>残念！<br>正解は"+answer;
}
};
</script>

コメント