${q.question}

${q.options.map((option, i)=>` ${option} `).join("")} `; quizElement.appendChild(questionDiv); }); } function checkAnswers() { let newScore = 0; quizData.forEach((q, index)=>{ const selected = document.querySelector(`input[name="q${index}"]:checked`); if (selected && parseInt(selected.value) === q.correct) { newScore++; } }); setScore(`正解数: ${newScore} / ${quizData.length}`); } return /*#__PURE__*/ React.createElement("div", { className: "p-5 font-roboto max-w-[800px] mx-auto", __source: { fileName: "", lineNumber: 192, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 193, columnNumber: 7 }, __self: this }, "言語習得と日本語教育クイズ"), /*#__PURE__*/ React.createElement("div", { id: "quiz", className: "mb-5", __source: { fileName: "", lineNumber: 194, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-5 px-4 py-2 bg-blue-500 text-white rounded", onClick: checkAnswers, __source: { fileName: "", lineNumber: 195, columnNumber: 7 }, __self: this }, "回答を確認"), /*#__PURE__*/ React.createElement("div", { id: "results", className: "mt-5 font-bold", __source: { fileName: "", lineNumber: 196, columnNumber: 7 }, __self: this }, score)); }