💰 Money Clicker Game

Current Money: ${formatMoney(money)}

\n \n {renderUpgradeButton(\"Auto-Clicker\", 0.25, autoClickers, setAutoClickers, autoClickerUnlocked)}\n {renderUpgradeButton(\"Dime-Smither\", 5, dimeSmiths, setDimeSmiths, dimeSmitherUnlocked)}\n {renderUpgradeButton(\"Quarter-Maker\", 25, quarterMakers, setQuarterMakers, quarterMakerUnlocked)}\n {renderUpgradeButton(\"Dollar-Mill\", 100, dollarMills, setDollarMills, dollarMillUnlocked)}\n {renderUpgradeButton(\"Twoonie-Transformer\", 200, twoonieTransformers, setTwoonieTransformers, twoonieTransformerUnlocked)}\n {renderUpgradeButton(\"Fiver-Factory\", 500, fiverFactories, setFiverFactories, fiverFactoryUnlocked)}\n {renderUpgradeButton(\"Ten-Tracker\", 1000, tenTrackers, setTenTrackers, tenTrackerUnlocked)}\n {renderUpgradeButton(\"Twenty-Detector\", 2000, twentyDetectors, setTwentyDetectors, twentyDetectorUnlocked)}\n {renderUpgradeButton(\"Fifty-Forger\", 5000, fiftyForgers, setFiftyForgers, fiftyForgerUnlocked)}\n {renderUpgradeButton(\"Hundred-Hewer\", 10000, hundredHewers, setHundredHewers, hundredHewerUnlocked)}\n {renderUpgradeInfo(\"Auto-Clickers\", autoClickers, 0.01)}\n {renderUpgradeInfo(\"Dime-Smithers\", dimeSmiths, 0.1)}\n {renderUpgradeInfo(\"Quarter-Makers\", quarterMakers, 0.25)}\n {renderUpgradeInfo(\"Dollar-Mills\", dollarMills, 1)}\n {renderUpgradeInfo(\"Twoonie-Transformers\", twoonieTransformers, 2)}\n {renderUpgradeInfo(\"Fiver-Factories\", fiverFactories, 5)}\n {renderUpgradeInfo(\"Ten-Trackers\", tenTrackers, 10)}\n {renderUpgradeInfo(\"Twenty-Detectors\", twentyDetectors, 20)}\n {renderUpgradeInfo(\"Fifty-Forgers\", fiftyForgers, 50)}\n {renderUpgradeInfo(\"Hundred-Hewers\", hundredHewers, 100)}\n {(autoClickers > 0 || dimeSmiths > 0 || quarterMakers > 0 || dollarMills > 0 || twoonieTransformers > 0 || fiverFactories > 0 || tenTrackers > 0 || twentyDetectors > 0 || fiftyForgers > 0 || hundredHewers > 0) && (\n

Total earnings per second: ${formatMoney((0.01 * autoClickers) + (0.1 * dimeSmiths) + (0.25 * quarterMakers) + (1 * dollarMills) + (2 * twoonieTransformers) + (5 * fiverFactories) + (10 * tenTrackers) + (20 * twentyDetectors) + (50 * fiftyForgers) + (100 * hundredHewers))}

\n )}\n

\n View Source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nasync function server(request: Request): Promise {\n return new Response(`\n \n \n Money Clicker Game\n \n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n background-color: #f0f0f0;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n}\n.container {\n background-color: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\nh1 {\n color: #333;\n}\nbutton {\n margin: 10px;\n padding: 10px 20px;\n font-size: 16px;\n cursor: pointer;\n border: none;\n border-radius: 5px;\n transition: background-color 0.3s;\n}\nbutton:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.click-button {\n background-color: #4CAF50;\n color: white;\n}\n.click-button:hover:not(:disabled) {\n background-color: #45a049;\n}\n.upgrade-button {\n background-color: #008CBA;\n color: white;\n}\n.upgrade-button:hover:not(:disabled) {\n background-color: #007B9A;\n}\n.source-link {\n margin-top: 20px;\n font-size: 0.8em;\n}\n.source-link a {\n color: #666;\n text-decoration: none;\n}\n.source-link a:hover {\n text-decoration: underline;\n}\n`;\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/movienerd/clickerGame/code/main.tsx","extension","actionData","errors"]