function SubjectScoreInput({ id, name, type, placeholder }) { const inputClassName = "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mt-2"; return /*#__PURE__*/ React.createElement("input", { id: id, name: name, type: type, placeholder: placeholder, className: inputClassName, __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }); } function SubjectScoreInputStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SubjectScoreInput, { id: "subject2", name: "subject2", type: "number", placeholder: "教科2得点", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { const calculateDeviation = (subjectScores, average, standardDeviation)=>{ const totalScore = subjectScores.reduce((total, score)=>total + score, 0); const meanScore = totalScore / 5; return (meanScore - average) / standardDeviation * 10 + 50; }; const handleSubmit = ()=>{ const subjectScores = [ parseInt(document.getElementById("subject1").value), parseInt(document.getElementById("subject2").value), parseInt(document.getElementById("subject3").value), parseInt(document.getElementById("subject4").value), parseInt(document.getElementById("subject5").value) ]; const year = document.getElementById("year").value; let average = 0; let standardDeviation = 10; switch(year){ case "2023": average = 60; break; case "2022": average = 58; break; case "2021": average = 61; break; default: alert("年度の平均点を選択してください"); return; } const deviation = calculateDeviation(subjectScores, average, standardDeviation); alert(`偏差値は ${deviation.toFixed(2)} です`); }; return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-[#f7f7f7] min-h-screen flex flex-col items-center font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "静岡県公立高校入試の偏差値計算"), /*#__PURE__*/ React.createElement("form", { className: "bg-white p-6 rounded shadow-md w-full max-w-md", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "scores", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "5教科の特典（各科目100点満点）"), /*#__PURE__*/ React.createElement(SubjectScoreInput, { id: "subject1", name: "subject1", type: "number", placeholder: "教科1得点", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(SubjectScoreInput, { id: "subject2", name: "subject2", type: "number", placeholder: "教科2得点", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(SubjectScoreInput, { id: "subject3", name: "subject3", type: "number", placeholder: "教科3得点", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(SubjectScoreInput, { id: "subject4", name: "subject4", type: "number", placeholder: "教科4得点", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(SubjectScoreInput, { id: "subject5", name: "subject5", type: "number", placeholder: "教科5得点", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "year", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "年度の平均点を選択"), /*#__PURE__*/ React.createElement("select", { id: "year", name: "year", className: "block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "2023", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "2023年度"), /*#__PURE__*/ React.createElement("option", { value: "2022", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "2022年度"), /*#__PURE__*/ React.createElement("option", { value: "2021", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "2021年度"))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "button", onClick: handleSubmit, __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "偏差値計算"))); }