Public
Back
Version 6
8/26/2024
/**
* This clicker game allows users to earn virtual money by clicking.
* It includes an upgrade system where users can purchase multiple auto-clickers, dime-smithers, quarter-makers, and dollar-mills.
* Each upgrade adds to the overall effect, increasing earnings per second.
* Upgrades are hidden until they are unlocked for the first time.
* The game state is stored client-side using localStorage for persistence.
* React is used for the UI, and setInterval for the auto-upgrade functionality.
*/
/** @jsxImportSource https://esm.sh/react */
import React, { useState, useEffect } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function App() {
const [money, setMoney] = useState(() => {
const saved = localStorage.getItem('money');
return saved ? parseFloat(saved) : 0;
});
const [autoClickers, setAutoClickers] = useState(() => {
const saved = localStorage.getItem('autoClickers');
return saved ? parseInt(saved) : 0;
});
const [dimeSmiths, setDimeSmiths] = useState(() => {
const saved = localStorage.getItem('dimeSmiths');
return saved ? parseInt(saved) : 0;
});
const [quarterMakers, setQuarterMakers] = useState(() => {
const saved = localStorage.getItem('quarterMakers');
return saved ? parseInt(saved) : 0;
});
const [dollarMills, setDollarMills] = useState(() => {
const saved = localStorage.getItem('dollarMills');
return saved ? parseInt(saved) : 0;
});
const [autoClickerUnlocked, setAutoClickerUnlocked] = useState(() => {
return localStorage.getItem('autoClickerUnlocked') === 'true';
});
movienerd-clickergame.web.val.run
Updated: August 26, 2024