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

No:35450

Click to produce cookies. Buy upgrades, buildings,..ALL
Developer User16539｜Date and time 24/1/14 12:40:06
Build time 25.209 sec｜Game capacity 8.036KB｜

Script

Cookies, Prestige level, Multipliers

Cookies Game

0 cookies

Upgrades

Cursor

Grandma

Farm

Mine

Factory

Bank

Temple

Wizard Tower

Shipment

Time Machine

Buildings

Note: The code provided is a basic implementation of the game and may require further enhancements and improvements based on specific requirements and desired game mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Cookies, Prestige level, Multipliers

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
            background-color: #F5F5F5;
            font-family: Arial, sans-serif;
        }

#cookie {
            width: 200px;
            height: 200px;
            background-image: url('cookie.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            margin: 50px auto;
            cursor: pointer;
        }

#counter {
            font-size: 24px;
            margin-bottom: 20px;
        }

#upgrades {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 20px;
        }

.upgrade {
            width: 150px;
            padding: 10px;
            margin: 10px;
            background-color: #EAEAEA;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            cursor: pointer;
        }

#buildings {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

.building {
            width: 150px;
            padding: 10px;
            margin: 10px;
            background-color: #EAEAEA;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            cursor: pointer;
        }

.hidden {
            display: none;
        }
    </style>
</head>
<body>
    <h1>Cookies Game</h1>
    <div id="cookie" onclick="clickCookie()"></div>
    <p id="counter">0 cookies</p>
    <h2>Upgrades</h2>
    <div id="upgrades">
        <div class="upgrade" onclick="buyUpgrade(1)">Cursor</div>
        <div class="upgrade" onclick="buyUpgrade(2)">Grandma</div>
        <div class="upgrade" onclick="buyUpgrade(3)">Farm</div>
        <div class="upgrade" onclick="buyUpgrade(4)">Mine</div>
        <div class="upgrade" onclick="buyUpgrade(5)">Factory</div>
        <div class="upgrade" onclick="buyUpgrade(6)">Bank</div>
        <div class="upgrade" onclick="buyUpgrade(7)">Temple</div>
        <div class="upgrade" onclick="buyUpgrade(8)">Wizard Tower</div>
        <div class="upgrade" onclick="buyUpgrade(9)">Shipment</div>
        <div class="upgrade" onclick="buyUpgrade(10)">Time Machine</div>
    </div>

<h2>Buildings</h2>
    <div id="buildings">
        <div class="hidden building" id="grandma" onclick="buyBuilding(1)">Grandma</div>
        <div class="hidden building" id="farm" onclick="buyBuilding(2)">Farm</div>
        <div class="hidden building" id="mine" onclick="buyBuilding(3)">Mine</div>
        <div class="hidden building" id="factory" onclick="buyBuilding(4)">Factory</div>
        <div class="hidden building" id="bank" onclick="buyBuilding(5)">Bank</div>
        <div class="hidden building" id="temple" onclick="buyBuilding(6)">Temple</div>
        <div class="hidden building" id="wizardTower" onclick="buyBuilding(7)">Wizard Tower</div>
        <div class="hidden building" id="shipment" onclick="buyBuilding(8)">Shipment</div>
        <div class="hidden building" id="timeMachine" onclick="buyBuilding(9)">Time Machine</div>
    </div>

// Initial values
        let cookies = 0;
        let cursorCount = 0;
        let grandmaCount = 0;

const upgradeCosts = {
            1: 10,
            2: 50,
            3: 100,
            4: 500,
            5: 1000,
            6: 5000,
            7: 10000,
            8: 50000,
            9: 100000,
            10: 500000,
        };

const buildingCosts = {
            1: 100,
            2: 500,
            3: 1000,
            4: 5000,
            5: 10000,
            6: 50000,
            7: 100000,
            8: 500000,
            9: 1000000,
        };

// Functions
        function clickCookie() {
            cookies++;
            updateCounter();
        }

function buyUpgrade(upgrade) {
            if (cookies >= upgradeCosts[upgrade]) {
                cookies -= upgradeCosts[upgrade];
                updateCounter();
                activateUpgrade(upgrade);
            }
        }

function buyBuilding(building) {
            if (cookies >= buildingCosts[building]) {
                cookies -= buildingCosts[building];
                updateCounter();
                addBuilding(building);
            }
        }

function activateUpgrade(upgrade) {
            switch (upgrade) {
                case 1:
                    cursorCount++;
                    break;
                case 2:
                    grandmaCount++;
                    break;
                // Add more cases for other upgrades
            }

checkBuildingsAvailability();
        }

function addBuilding(building) {
            switch (building) {
                case 1:
                    grandmaCount++;
                    break;
                case 2:
                    grandmaCount++;
                    break;
                // Add more cases for other buildings
            }
        }

function updateCounter() {
            document.getElementById("counter").innerText = `${cookies} cookies`;
            updateUpgradesAvailability();
            updateBuildingsAvailability();
        }

function updateUpgradesAvailability() {
            for (let i = 1; i <= Object.keys(upgradeCosts).length; i++) {
                const upgradeElement = document.querySelector(`.upgrade:nth-child(${i})`);

if (cookies >= upgradeCosts[i]) {
                    upgradeElement.style.backgroundColor = "#EAEAEA";
                    upgradeElement.style.boxShadow = "0 2px 5px rgba(0, 0, 0, 0.2)";
                    upgradeElement.disabled = false;
                } else {
                    upgradeElement.style.backgroundColor = "#C0C0C0";
                    upgradeElement.style.boxShadow = "none";
                    upgradeElement.disabled = true;
                }
            }
        }

function updateBuildingsAvailability() {
            for (let i = 1; i <= Object.keys(buildingCosts).length; i++) {
                const buildingElement = document.querySelector(`.building:nth-child(${i})`);

if (cookies >= buildingCosts[i]) {
                    buildingElement.style.backgroundColor = "#EAEAEA";
                    buildingElement.style.boxShadow = "0 2px 5px rgba(0, 0, 0, 0.2)";
                    buildingElement.disabled = false;
                } else {
                    buildingElement.style.backgroundColor = "#C0C0C0";
                    buildingElement.style.boxShadow = "none";
                    buildingElement.disabled = true;
                }
            }
        }

function checkBuildingsAvailability() {
            const hiddenBuildings = document.querySelectorAll(".hidden.building");

hiddenBuildings.forEach((building) => {
                const buildingId = building.id;

if (upgradeCosts[buildingId] <= cursorCount || upgradeCosts[buildingId] <= grandmaCount) {
                    building.classList.remove("hidden");
                }
            });
        }

setInterval(function () {
            const cursorProduction = cursorCount;
            const grandmaProduction = grandmaCount * 2;

cookies += cursorProduction + grandmaProduction;
            updateCounter();
        }, 1000);
    </script>
</body>
</html>
```

Note: The code provided is a basic implementation of the game and may require further enhancements and improvements based on specific requirements and desired game mechanics.