function MainComponent() { const generateReport = (name, age, testDate, fsiq, vci, vsi, fri, wmi, psi)=>{ return `

WISC-V レポート

名前: ${name}

年齢: ${age}

テスト日: ${testDate}

全般的なIQ (FSIQ): ${fsiq}

言語理解指数 (VCI): ${vci}

視覚空間指数 (VSI): ${vsi}

流動推理指数 (FRI): ${fri}

作業記憶指数 (WMI): ${wmi}

処理速度指数 (PSI): ${psi}

解析結果

${analyzeScores(fsiq, vci, vsi, fri, wmi, psi)}

`; }; const analyzeScores = (fsiq, vci, vsi, fri, wmi, psi)=>{ let analysis = ''; if (fsiq > 130) { analysis += '全般的な知能指数は非常に高いです。'; } else if (fsiq > 115) { analysis += '全般的な知能指数は高いです。'; } else if (fsiq > 85) { analysis += '全般的な知能指数は平均的です。'; } else { analysis += '全般的な知能指数は低いです。'; } return analysis; }; const handleSubmit = (event)=>{ event.preventDefault(); const { name, age, "test-date": testDate, fsiq, vci, vsi, fri, wmi, psi } = event.target; const report = generateReport(name.value, age.value, testDate.value, fsiq.value, vci.value, vsi.value, fri.value, wmi.value, psi.value); displayReport(report); }; const displayReport = (report)=>{ const reportContainer = document.getElementById('report-container'); reportContainer.innerHTML = report; }; const downloadPDF = ()=>{ const element = document.getElementById('report-container'); html2pdf().from(element).save(); }; React.useEffect(()=>{ document.getElementById('download-pdf').addEventListener('click', downloadPDF); }, []); return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { id: "wisc-form", className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "名前:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "age", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "年齢:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "age", name: "age", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "test-date", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "テスト日:"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "test-date", name: "test-date", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fsiq", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "全般的なIQ (FSIQ):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "fsiq", name: "fsiq", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "vci", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "言語理解指数 (VCI):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "vci", name: "vci", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "vsi", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "視覚空間指数 (VSI):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "vsi", name: "vsi", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fri", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, "流動推理指数 (FRI):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "fri", name: "fri", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "wmi", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "作業記憶指数 (WMI):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "wmi", name: "wmi", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "psi", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "処理速度指数 (PSI):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "psi", name: "psi", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "submit", value: "レポート生成", className: "mt-2 w-full py-2 px-4 bg-indigo-600 text-white font-bold rounded-md shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { id: "report-container", className: "mt-8", __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { id: "download-pdf", className: "mt-4 bg-green-500 text-white py-2 px-4 rounded-md shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500", __source: { fileName: "", lineNumber: 118, columnNumber: 7 }, __self: this }, "PDFとしてダウンロード")); }