Click here for free DL of the app version that can save data.

No:35447

Make A Game Where You Click A Giant Cookie To Gain..ALL
Developer User16539｜Date and time 24/1/14 12:34:21
Build time 28.109 sec｜Game capacity 9.44KB｜

Script

Here's an example of a game that meets your requirements. Copy and paste the code into a single HTML file and run it in a web browser to play the game:

Cookie Clicker

Click the cookie to gain cookies and buy upgrades!

Upgrades

Stats

Cookies: 0

To play the game, simply click on the "Click me!" button to gain cookies. Use the cookies you've earned to buy various upgrades listed below the button. Each upgrade has a cost, and as you buy them, the price increases slightly. As you acquire more cookies, you can unlock more powerful upgrades. The game also includes an "Auto Click" feature that automatically generates cookies for you, which you can purchase once you have enough cookies. The cookie count is displayed at the bottom, and you can press the "S" key to sell half of your cookies. Have fun!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

Click here for free DL of the app version that can save data.

Here's an example of a game that meets your requirements. Copy and paste the code into a single HTML file and run it in a web browser to play the game:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cookie Clicker</title>
</head>
<body>
    <h1>Cookie Clicker</h1>
    <p>Click the cookie to gain cookies and buy upgrades!</p>
    <p><button id="cookieButton">Click me!</button></p>
    
    <h2>Upgrades</h2>
    <ul id="upgrades">
        <li><button id="buyCursor">Buy Cursor - <span id="cursorCost">10</span> cookies</button></li>
        <li><button id="buyGrandma">Buy Grandma - <span id="grandmaCost">100</span> cookies</button></li>
        <li><button id="buyCookieCutter">Buy Cookie Cutter - <span id="cookieCutterCost">500</span> cookies</button></li>
        <li><button id="buyCookieFacility">Buy Cookie Facility - <span id="cookieFacilityCost">1,000</span> cookies</button></li>
        <li><button id="buyCookieFactory">Buy Cookie Factory - <span id="cookieFactoryCost">5,000</span> cookies</button></li>
        <li><button id="buyCookieCompany">Buy Cookie Company - <span id="cookieCompanyCost">10,000</span> cookies</button></li>
        <li><button id="buyCookiePortal">Buy Cookie Portal - <span id="cookiePortalCost">50,000</span> cookies</button></li>
        <li><button id="buyCookiePlanet">Buy Cookie Planet - <span id="cookiePlanetCost">100,000</span> cookies</button></li>
        <li><button id="buyCookieGod">Buy Cookie God - <span id="cookieGodCost">1,000,000</span> cookies</button></li>
        <li><button id="buyAutoClick">Buy Auto Click - <span id="autoClickCost">1,000</span> cookies</button></li>
    </ul>
    
    <h2>Stats</h2>
    <p>Cookies: <span id="cookieCount">0</span></p>
    
    <script>
        // Cookie click event
        document.getElementById("cookieButton").addEventListener("click", function() {
            cookieCount += clickValue;
            updateStats();
        });
        
        // Upgrades
        var cursorCost = 10;
        var grandmaCost = 100;
        var cookieCutterCost = 500;
        var cookieFacilityCost = 1000;
        var cookieFactoryCost = 5000;
        var cookieCompanyCost = 10000;
        var cookiePortalCost = 50000;
        var cookiePlanetCost = 100000;
        var cookieGodCost = 1000000;
        var autoClickCost = 1000;
        
        var cursorCount = 0;
        var grandmaCount = 0;
        var cookieCutterCount = 0;
        var cookieFacilityCount = 0;
        var cookieFactoryCount = 0;
        var cookieCompanyCount = 0;
        var cookiePortalCount = 0;
        var cookiePlanetCount = 0;
        var cookieGodCount = 0;
        
        var autoClickEnabled = false;
        var autoClickInterval;
        
        function buyCursor() {
            if(cookieCount >= cursorCost) {
                cursorCount++;
                cookieCount -= cursorCost;
                cursorCost = Math.floor(cursorCost * 1.1);
                updateStats();
            }
        }
        
        function buyGrandma() {
            if(cookieCount >= grandmaCost) {
                grandmaCount++;
                cookieCount -= grandmaCost;
                grandmaCost = Math.floor(grandmaCost * 1.1);
                updateStats();
            }
        }
        
        function buyCookieCutter() {
            if(cookieCount >= cookieCutterCost) {
                cookieCutterCount++;
                cookieCount -= cookieCutterCost;
                cookieCutterCost = Math.floor(cookieCutterCost * 1.1);
                updateStats();
            }
        }
        
        function buyCookieFacility() {
            if(cookieCount >= cookieFacilityCost) {
                cookieFacilityCount++;
                cookieCount -= cookieFacilityCost;
                cookieFacilityCost = Math.floor(cookieFacilityCost * 1.1);
                updateStats();
            }
        }
        
        function buyCookieFactory() {
            if(cookieCount >= cookieFactoryCost) {
                cookieFactoryCount++;
                cookieCount -= cookieFactoryCost;
                cookieFactoryCost = Math.floor(cookieFactoryCost * 1.1);
                updateStats();
            }
        }
        
        function buyCookieCompany() {
            if(cookieCount >= cookieCompanyCost) {
                cookieCompanyCount++;
                cookieCount -= cookieCompanyCost;
                cookieCompanyCost = Math.floor(cookieCompanyCost * 1.1);
                updateStats();
            }
        }
        
        function buyCookiePortal() {
            if(cookieCount >= cookiePortalCost) {
                cookiePortalCount++;
                cookieCount -= cookiePortalCost;
                cookiePortalCost = Math.floor(cookiePortalCost * 1.1);
                updateStats();
            }
        }
        
        function buyCookiePlanet() {
            if(cookieCount >= cookiePlanetCost) {
                cookiePlanetCount++;
                cookieCount -= cookiePlanetCost;
                cookiePlanetCost = Math.floor(cookiePlanetCost * 1.1);
                updateStats();
            }
        }
        
        function buyCookieGod() {
            if(cookieCount >= cookieGodCost) {
                cookieGodCount++;
                cookieCount -= cookieGodCost;
                cookieGodCost = Math.floor(cookieGodCost * 1.1);
                updateStats();
            }
        }
        
        function buyAutoClick() {
            if(cookieCount >= autoClickCost) {
                autoClickEnabled = true;
                cookieCount -= autoClickCost;
                autoClickCost = Math.floor(autoClickCost * 1.1);
                autoClickInterval = setInterval(autoClick, 1000);
                updateStats();
            }
        }
        
        // Auto click logic
        function autoClick() {
            cookieCount += clickValue;
            updateStats();
        }
        
        // Cookie and click values
        var cookieCount = 0;
        var clickValue = 1;
        var cursorValue = 1;
        var grandmaValue = 5;
        var cookieCutterValue = 10;
        var cookieFacilityValue = 50;
        var cookieFactoryValue = 100;
        var cookieCompanyValue = 500;
        var cookiePortalValue = 1000;
        var cookiePlanetValue = 5000;
        var cookieGodValue = 10000;
        
        // Update the UI with current stats
        function updateStats() {
            document.getElementById("cookieCount").textContent = cookieCount;
            
            document.getElementById("cursorCost").textContent = cursorCost;
            document.getElementById("grandmaCost").textContent = grandmaCost;
            document.getElementById("cookieCutterCost").textContent = cookieCutterCost;
            document.getElementById("cookieFacilityCost").textContent = cookieFacilityCost;
            document.getElementById("cookieFactoryCost").textContent = cookieFactoryCost;
            document.getElementById("cookieCompanyCost").textContent = cookieCompanyCost;
            document.getElementById("cookiePortalCost").textContent = cookiePortalCost;
            document.getElementById("cookiePlanetCost").textContent = cookiePlanetCost;
            document.getElementById("cookieGodCost").textContent = cookieGodCost;
            document.getElementById("autoClickCost").textContent = autoClickCost;
        }
        
        // Sell feature
        function sellCookies() {
            var sellAmount = Math.floor(cookieCount / 2);
            cookieCount -= sellAmount;
            updateStats();
        }
        
        // Event listeners for upgrades
        document.getElementById("buyCursor").addEventListener("click", buyCursor);
        document.getElementById("buyGrandma").addEventListener("click", buyGrandma);
        document.getElementById("buyCookieCutter").addEventListener("click", buyCookieCutter);
        document.getElementById("buyCookieFacility").addEventListener("click", buyCookieFacility);
        document.getElementById("buyCookieFactory").addEventListener("click", buyCookieFactory);
        document.getElementById("buyCookieCompany").addEventListener("click", buyCookieCompany);
        document.getElementById("buyCookiePortal").addEventListener("click", buyCookiePortal);
        document.getElementById("buyCookiePlanet").addEventListener("click", buyCookiePlanet);
        document.getElementById("buyCookieGod").addEventListener("click", buyCookieGod);
        document.getElementById("buyAutoClick").addEventListener("click", buyAutoClick);
        
        // Sell feature listener
        document.addEventListener("keydown", function(event) {
            if(event.key === "s" || event.key === "S") {
                sellCookies();
            }
        });
        
        // Start the game
        updateStats();
    </script>
</body>
</html>
```