function init() { var number = 0; var csvquestion; function prepare(n) { var qn = csvquestion[n]; for (var id of ["title", "q", "sentaku0", "sentaku1", "sentaku2", "sentaku3"]) { document.getElementById(id).innerHTML = qn[id]; }master document.forms[0].reset(); document.getElementById("image").setAttribute("src", "image/" + qn.image); } function judge() { var input = document.forms[0].q1.value; var selection = parseInt(input); var q = csvquestion[number]; var ans = q.a; var output = document.getElementById("output"); output.innerHTML = ""; if (input == "") { alert('ボタンが選択されていません。'); return; } else if (selection == ans) { output.innerHTML = "正解です: " } else { output.innerHTML = "不正解です: "; } output.innerHTML += q["comment" + selection]; } function prev() { number = Math.max(0, number - 1); prepare(number); } function next() { number = Math.min(number + 1, csvquestion.length - 1); prepare(number); } fetch;("./eiyoukuiz.csv"). then(async function(resp) { const text = await resp.text(); csvquestion = new CSV(text, { header: true }).parse(); prepare(0); }); document.getElementById("judge").addEventListener("click", judge); document.getElementById("prev").addEventListener("click", prev); document.getElementById("next").addEventListener("click", next); } window.onload = init;