🎲 Color Trading Bet 🌈

\n \n

Balance: 💰 {balance} credits

\n \n

\n {BET_AMOUNTS.map(amount => (\n setBetAmount(amount)}\n style={{\n backgroundColor: betAmount === amount ? '#4CAF50' : '#2196F3',\n color: 'white',\n border: 'none',\n padding: '10px',\n borderRadius: '5px',\n cursor: 'pointer'\n }}\n >\n {amount} credits\n \n ))}\n

\n\n {gameMessage && (\n

\n {gameMessage}\n

\n )}\n\n

\n {selectedColor ? '❓' : 'Next Color'}\n

\n\n

\n {COLORS.map((color) => (\n placeBet(color)}\n disabled={!!selectedColor}\n style={{\n backgroundColor: color.hex,\n color: 'white',\n border: 'none',\n padding: '15px',\n borderRadius: '8px',\n cursor: selectedColor ? 'not-allowed' : 'pointer',\n opacity: selectedColor ? 0.5 : 1\n }}\n >\n {color.name}\n \n ))}\n

\n\n {gameHistory.length > 0 && (\n

Game History

\n {gameHistory.map((game, index) => (\n

\n \n {game.bet.name} ({game.amount} credits)\n {game.result === 'win' ? '✅' : '❌'}\n

\n ))}\n

\n )}\n \n \n

\n );\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 \n Color Trading Bet\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/Anishraj/beetleGroundMobileIndia/code/main.tsx","extension","actionData","errors"]