function MainComponent() { const [address, setAddress] = React.useState(""); const [result, setResult] = React.useState(null); const fortunes = [ { number: 1, level: "吉", description: "自立心や強い意志を象徴し、リーダーシップや開拓精神が強い。" }, { number: 2, level: "凶", description: "優柔不断で決断力に欠け、物事が思い通りに進まない。" }, { number: 3, level: "吉", description: "明るく活動的な運気を持ち、社交性やコミュニケーションが得意。" }, { number: 4, level: "凶", description: "不安定な運勢で、トラブルや困難が生じやすい。" }, { number: 5, level: "大吉", description: "安定した運勢を示し、物事が順調に進む。バランスの取れた幸運。" }, { number: 6, level: "大吉", description: "調和と愛情を象徴し、家庭運や人間関係に恵まれる。" }, { number: 7, level: "吉", description: "孤独感やトラブルに見舞われやすい。" }, { number: 8, level: "大吉", description: "財運や成功運に強く、ビジネスでの発展が期待できる。" }, { number: 9, level: "凶", description: "不安定さやトラブルを引き寄せる数字で、精神的な混乱が生じやすい。" }, { number: 10, level: "大凶", description: "逆境や困難が多く、運勢が乱れがち。" }, { number: 11, level: "吉", description: "高い直感力と霊的なエネルギーを持ち、特別な成功をもたらす。" }, { number: 12, level: "大凶", description: "誤解や裏切りが多く、人間関係に問題が生じやすい。" }, { number: 13, level: "吉", description: "創造力と発展運を持ち、芸術的な才能に恵まれる。" }, { number: 14, level: "大凶", description: "トラブルや病気を引き寄せやすい数字。" }, { number: 15, level: "大吉", description: "繁栄と安定を象徴し、家庭運や健康運に強い。" }, { number: 16, level: "大吉", description: "威厳や名声をもたらし、リーダーシップに優れる。" }, { number: 17, level: "小凶", description: "強引さやトラブルを招きやすい運勢。" }, { number: 18, level: "大大吉", description: "強い行動力と決断力を持ち、困難を乗り越える力がある。" }, { number: 19, level: "大凶", description: "不安定さや孤独感が強く、運気が安定しない。" }, { number: 20, level: "大凶", description: "不遇や逆境を招きやすい数字。" }, { number: 21, level: "大吉", description: "運勢が強く、成功や名声に恵まれる。" }, { number: 22, level: "凶", description: "極端さが特徴で、バランスが取れず、問題を引き寄せることが多い。" }, { number: 23, level: "大吉", description: "知恵と機知に富み、ビジネスでの成功が期待できる。" }, { number: 24, level: "大大吉", description: "金運や愛情運が強く、幸せな家庭を築く運勢。" }, { number: 25, level: "吉", description: "知性と計画性に優れ、冷静な判断ができる。" }, { number: 26, level: "大凶", description: "トラブルや人間関係の問題が生じやすい。" }, { number: 27, level: "小凶", description: "強引さや自己中心的な行動がトラブルを招く。" }, { number: 28, level: "大凶", description: "不安定で波乱の多い運勢。" }, { number: 29, level: "大大吉", description: "大成功の数字　仕事金運が絶大に良い" }, { number: 30, level: "大凶", description: "不安定さや無計画さが目立つ運勢。" }, { number: 31, level: "大大吉", description: "幸運と成功を示し、物事が順調に進む。" }, { number: 32, level: "大大吉", description: "社交性と人気運があり、多くの人に支持される。" }, { number: 33, level: "大大吉", description: "特別な才能を示し、芸術や人道的な活動に向いている。" }, { number: 34, level: "大凶", description: "混乱や不和を招きやすい数字。" }, { number: 35, level: "大大吉", description: "賢さと強運が伴い、リーダーシップを発揮できる。" }, { number: 36, level: "凶", description: "努力が報われず、困難が続きやすい。" }, { number: 37, level: "凶", description: "頑固さや意固地さが原因で問題が生じやすい。" }, { number: 38, level: "大大吉", description: "女神の数字。何かしらで成功する。安定した家庭生活" }, { number: 39, level: "大大吉", description: "福の神の数字。吉の作用が凶を超えていく　年齢と共にパワーアップしていく" }, { number: 40, level: "大凶", description: "停滞や逆境に直面しやすい。" }, { number: 41, level: "大大吉", description: "知性と創造力が高く、継続的な成功をもたらす。" }, { number: 42, level: "凶", description: "不安定さや迷いが多い運勢。" }, { number: 43, level: "吉", description: "混乱やトラブルを引き寄せやすい数字。" }, { number: 44, level: "凶", description: "不安定さが続きやすい運勢。" }, { number: 45, level: "大大吉", description: "安定した運勢を持ち、物事が順調に進展する。" }, { number: 46, level: "大凶", description: "トラブルや逆境が多い。" }, { number: 47, level: "大大吉", description: "実直さと信頼性が高く、確実に成功を収める。" }, { number: 48, level: "吉", description: "不安定な運気で問題が多発しやすい。" }, { number: 49, level: "大凶", description: "挫折や孤立を招きやすい。" }, { number: 50, level: "大凶", description: "大きな変化や逆境が生じやすい。" } ]; const handleSubmit = (e)=>{ e.preventDefault(); if (address.trim() === "") { alert("住所を入力してください。"); document.getElementById("address").focus(); return; } const numbers = address.match(/\d+/g); if (!numbers) { alert("住所に数字が含まれていません。"); document.getElementById("address").focus(); return; } const sum = numbers.join("").split("").reduce((acc, num)=>acc + parseInt(num), 0); const fortuneNumber = sum % 50 === 0 ? 50 : sum % 50; setResult(fortunes.find((fortune)=>fortune.number === fortuneNumber)); const resultContainer = document.getElementById("result-container"); if (resultContainer) { resultContainer.classList.remove("opacity-0"); resultContainer.classList.add("opacity-100"); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-gray-100 flex flex-col items-center", __source: { fileName: "", lineNumber: 257, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-red-600 text-white p-6 font-bold text-2xl font-roboto", __source: { fileName: "", lineNumber: 258, columnNumber: 7 }, __self: this }, "住所おみくじ"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl bg-white shadow-md rounded-lg mt-6 p-6", __source: { fileName: "", lineNumber: 261, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-700 text-lg font-roboto mb-4", __source: { fileName: "", lineNumber: 262, columnNumber: 9 }, __self: this }, "住所を入力してください"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 265, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 266, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto text-gray-600 mb-2", htmlFor: "address", __source: { fileName: "", lineNumber: 267, columnNumber: 13 }, __self: this }, "住所"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-3 py-2 border rounded-lg focus:outline-none focus:border-red-600", type: "text", id: "address", name: "address", placeholder: "例: 品川区東品川1-11-7", value: address, onChange: (e)=>setAddress(e.target.value), __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 283, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-red-600 text-white px-4 py-2 rounded-lg font-roboto hover:bg-red-500", type: "submit", __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }, "おみくじを引く"))), result && /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center transition-opacity duration-500 ease-in-out opacity-0", id: "result-container", __source: { fileName: "", lineNumber: 293, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold font-roboto mb-2", __source: { fileName: "", lineNumber: 297, columnNumber: 13 }, __self: this }, result.level), /*#__PURE__*/ React.createElement("div", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, "運勢番号: ", result.number), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 303, columnNumber: 13 }, __self: this }, result.description)))); }