function MainComponent() { const [weight, setWeight] = React.useState(''); const [height, setHeight] = React.useState(''); const [squat30, setSquat30] = React.useState(''); const [squat60, setSquat60] = React.useState(''); const [pushup, setPushup] = React.useState(''); const [kneelingPushup, setKneelingPushup] = React.useState(''); const [hp, setHp] = React.useState(0); const [attack, setAttack] = React.useState(0); const calculateStats = ()=>{ const w = parseFloat(weight); const h = parseFloat(height); const sq30 = parseFloat(squat30); const sq60 = parseFloat(squat60); const pu = parseFloat(pushup); const kpu = parseFloat(kneelingPushup); const effectiveSquat = sq60 ? sq30 ? Math.max(sq60, sq30) : sq60 : sq30; const effectivePushup = pu ? kpu ? Math.max(pu, kpu) : pu : kpu; const hpCalculation = effectiveSquat === sq30 ? 2 * h + (w / 10 * 8 / 100 + 1) * (3 * effectiveSquat) : 2 * h + (w / 10 * 8 / 100 + 1) * (2 * effectiveSquat); const attackCalculation = effectivePushup === kpu ? 2 * w + (w / 13 * 8 / 100 + 1) * effectivePushup : 2 * w + (w / 3 * 2 / 100 + 1) * (2 * effectivePushup); setHp(hpCalculation); setAttack(attackCalculation); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f4f4f9] text-[#333] flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mt-4 mb-12 font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "ダイスクエスト"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] bg-white shadow-lg rounded-lg p-8", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "weight", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "体重:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "weight", name: "weight", className: "w-full border-2 border-gray-300 rounded p-2", placeholder: "体重を入力", value: weight, onChange: (e)=>setWeight(e.target.value), __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "height", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "身長:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "height", name: "height", className: "w-full border-2 border-gray-300 rounded p-2", placeholder: "身長を入力", value: height, onChange: (e)=>setHeight(e.target.value), __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "kneelingPushup", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "膝付き腕立て:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "kneelingPushup", name: "kneelingPushup", className: "w-full border-2 border-gray-300 rounded p-2", placeholder: "膝付き腕立て回数", value: kneelingPushup, onChange: (e)=>setKneelingPushup(e.target.value), __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pushup", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "腕立て:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "pushup", name: "pushup", className: "w-full border-2 border-gray-300 rounded p-2", placeholder: "腕立て回数", value: pushup, onChange: (e)=>setPushup(e.target.value), __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "squat30", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "30秒スクワット:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "squat30", name: "squat30", className: "w-full border-2 border-gray-300 rounded p-2", placeholder: "スクワット回数", value: squat30, onChange: (e)=>setSquat30(e.target.value), __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "squat60", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "60秒スクワット:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "squat60", name: "squat60", className: "w-full border-2 border-gray-300 rounded p-2", placeholder: "スクワット回数", value: squat60, onChange: (e)=>setSquat60(e.target.value), __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-10", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 hover:bg-blue-400 text-white font-bold py-2 rounded", onClick: calculateStats, __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "計算する")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "HP: ", hp), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "攻撃力: ", attack))))); }