あなたの選択: ${userChoice}

コンピュータの選択: ${computerChoice}

結果: ${result === 'win' ? '勝ち' : result === 'lose' ? '負け' : '引き分け'}

`; let resultColor; if (result === "win") { resultColor = '#FF0000'; } else if (result === "lose") { resultColor = '#0000FF'; } else { resultColor = '#808080'; } document.querySelector('#result .${result}').style.color = resultColor; }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[32px] font-arial", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, "ジャンケンゲーム"), /*#__PURE__*/ React.createElement("h2", { className: "text-[24px] font-arial mt-3", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "コンピュータと対戦しよう！"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-3 gap-10", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { name: "rock", className: "choice-button", "data-choice": "rock", onClick: ()=>handleClick('rock'), __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(IconUi, { src: "rock.png", alt: "Rock hand", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { name: "scissors", className: "choice-button", "data-choice": "scissors", onClick: ()=>handleClick('scissors'), __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(IconUi, { src: "scissors.png", alt: "Scissors hand", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { name: "paper", className: "choice-button", "data-choice": "paper", onClick: ()=>handleClick('paper'), __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(IconUi, { src: "paper.png", alt: "Paper hand", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { id: "result", className: "text-[20px] font-arial text-center mt-3", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this })); }