🪨 📄 ✂️ Rock Paper Scissors

\n \n {!mode && (\n

Choose Game Mode

\n \n \n

\n )}\n\n {mode && (\n

\n {!playerOneChoice && Object.entries(CHOICES).map(([key, emoji]) => (\n \n ))}\n

\n\n

Scores

Player: {scores.playerOne} | Computer: {scores.playerTwo}

\n\n {playerOneChoice && playerTwoChoice && (\n

Result

\n You chose: {CHOICES[playerOneChoice]} \n Computer chose: {CHOICES[playerTwoChoice]}\n

{gameResult}

\n \n \n

\n )}\n

\n );\n}\n\nconst buttonStyle = {\n margin: '10px',\n padding: '10px 20px',\n fontSize: '1rem',\n backgroundColor: '#4299e1',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n transition: 'background-color 0.3s'\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Rock Paper Scissors\n \n \n \n \n

\n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/Valtown12/RockPaperScissorsGame/code/main.tsx","extension","actionData","errors"]