💰 Money Clicker Game

Current Money: ${formatMoney(money)}

\n {rentFactories > 0 &&

Current Work: {work}

}\n \n {rentFactories > 0 && (\n

\n \n \n {upgradesTabUnlocked && (\n \n )}\n

\n )}\n {activeTab === \"clickers\" && (\n

\n {renderUpgradeButton(\"Auto-Clicker\", 0.10, autoClickers, setAutoClickers, autoClickerUnlocked)}\n {renderUpgradeButton(\"Dime-Smither\", 2, dimeSmiths, setDimeSmiths, dimeSmitherUnlocked)}\n {renderUpgradeButton(\"Quarter-Maker\", 25, quarterMakers, setQuarterMakers, quarterMakerUnlocked)}\n {renderUpgradeButton(\"Dollar-Mill\", 100, dollarMills, setDollarMills, dollarMillUnlocked)}\n {renderUpgradeButton(\n \"Twoonie-Transformer\",\n 200,\n twoonieTransformers,\n setTwoonieTransformers,\n twoonieTransformerUnlocked,\n )}\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 {renderUpgradeButton(\"Factory\", 1000000, rentFactories, setRentFactories, rentFactoryUnlocked)}\n

\n )}\n {activeTab === \"factory\" && (\n

\n = rentFactories * 12}\n >\n Hire Worker ($100/second)\n \n \n = rentFactories * 12}\n >\n Hire Drone ($400/second)\n \n \n

Workers: {workers} | Drones: {drones} | Total: {workers + drones} / {rentFactories * 12}

\n {autoClickerAutoBuyerUnlocked && (\n \n Buy Auto-clicker auto-buyer (${formatMoney(1000000 * Math.pow(2, autoClickerAutoBuyers))} and{\" \"}\n {500 * Math.pow(2, autoClickerAutoBuyers)} Work)\n \n )}\n {autoClickerAutoBuyers > 0 && (\n

Auto-clicker auto-buyers: {autoClickerAutoBuyers}

\n )}\n

\n )}\n {activeTab === \"upgrades\" && (\n

\n \n Upgrade Auto-clickers ({Math.floor(100 * Math.pow(1.1, autoClickerUpgrades))} Auto-clickers and{\" \"}\n {Math.floor(1000 * Math.pow(1.1, autoClickerUpgrades))} Work)\n \n {autoClickerUpgrades > 0 && (\n

\n Auto-clicker upgrades: {autoClickerUpgrades}{\" \"}\n (Each Auto-clicker generates ${formatMoney(0.01 + 0.01 * autoClickerUpgrades)} per second)\n

\n )}\n

\n )}\n {activeTab === \"clickers\" && (\n

\n {renderUpgradeInfo(\"Auto-Clickers\", autoClickers, 0.01 + 0.01 * autoClickerUpgrades)}\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 {rentFactories > 0 &&

Factories: {rentFactories}

}\n

\n )}\n {activeTab === \"clickers\"\n && (autoClickers > 0 || dimeSmiths > 0 || quarterMakers > 0 || dollarMills > 0 || twoonieTransformers > 0\n || fiverFactories > 0 || tenTrackers > 0 || twentyDetectors > 0 || fiftyForgers > 0 || hundredHewers > 0)\n && (\n

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

\n )}\n

\n \n Made almost entirely from AI prompts to Townie | View Source\n \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 \n Retro Money Clicker Game\n \n \n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: 'Arial', sans-serif;\n background-color: #fff;\n color: #8B4513;\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: #FFF8DC;\n padding: 2rem;\n border-radius: 10px;\n text-align: center;\n max-width: 800px;\n}\nh1 {\n color: #8B4513;\n font-size: 24px;\n margin-bottom: 20px;\n}\nbutton {\n font-family: 'Arial', sans-serif;\n margin: 10px;\n padding: 8px 16px;\n font-size: 16px;\n cursor: pointer;\n border: 2px solid #D2691E;\n background-color: #FFA500;\n color: #fff;\n border-radius: 5px;\n transition: all 0.3s;\n}\nbutton:hover:not(:disabled), button:active:not(:disabled) {\n background-color: #FF8C00;\n color: #fff;\n}\nbutton:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.click-button {\n font-size: 18px;\n padding: 12px 24px;\n}\n.upgrade-button, .hire-button, .fire-button {\n font-size: 14px;\n padding: 6px 12px;\n}\n.money-display, .work-display {\n font-size: 18px;\n margin-bottom: 20px;\n}\n.upgrade-container, .factory-container, .upgrades-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 20px;\n}\n.upgrade-info-container {\n font-size: 12px;\n margin-top: 20px;\n}\n.upgrade-info {\n margin: 5px 0;\n}\n.total-earnings {\n font-size: 14px;\n margin-top: 20px;\n}\n.footer {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 20px;\n}\n.source-link, .license-button {\n font-size: 10px;\n margin: 0 10px;\n}\n.source-link {\n color: #8B4513;\n text-decoration: none;\n}\n.source-link:hover {\n text-decoration: underline;\n}\n.tab-bar {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n}\n.tab-bar button {\n background-color: #FFA500;\n color: #fff;\n border: 1px solid #D2691E;\n padding: 10px 20px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n.tab-bar button.active {\n background-color: #FF8C00;\n color: #ffffff;\n}\n@media (max-width: 600px) {\n .container {\n padding: 1rem;\n }\n h1 {\n font-size: 18px;\n }\n button, .click-button {\n font-size: 18px;\n padding: 8px 16px;\n }\n .upgrade-button, .hire-button, .fire-button, .tab-bar button {\n font-size: 14px;\n padding: 6px 12px;\n }\n .money-display, .work-display {\n font-size: 14px;\n }\n .upgrade-info-container {\n font-size: 10px;\n }\n .total-earnings {\n font-size: 12px;\n }\n}\n`;\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/movienerd/clicker/code/main.tsx","extension","actionData","errors"]