Cookie clike, a game where you click a cookie and get upgrades and money's game

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

No:37332

←

Prev Next

→

Cookie clike, a game where you click a cookie and ..ALL
Developer User17064｜Date and time 24/1/21 2:05:07
Build time 7.718 sec｜Game capacity 2.374KB｜

Script

Sure, here's a sample implementation of a simple mobile cookie-clicker game using JavaScript and HTML.

Money: $0

Upgrade: Cost $10

In this game, you simply need to click on the cookie to earn money. Each click earns the amount equal to the current upgrade level. You can also purchase upgrades by clicking on the upgrade cost, which increases the upgrade level and the cost for the next upgrade. Please note that the provided code assumes the availability of `emozi_all/cookie.png` as the image file for the cookie. You will need to replace this with your desired cookie image or use appropriate pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, here's a sample implementation of a simple mobile cookie-clicker game using JavaScript and HTML.

```html
<!DOCTYPE html>
<html>

<head>
    <title>Cookie Clicker</title>
    <style>
        #cookie {
            width: 200px;
            height: 200px;
            margin: 50px auto;
            background-image: url('cookie.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            cursor: pointer;
        }

#money {
            text-align: center;
            font-size: 24px;
            margin-bottom: 20px;
        }

#upgrade {
            text-align: center;
            font-size: 18px;
            margin-bottom: 20px;
        }
    </style>
</head>

<body>
    <div id="cookie"></div>
    <div id="money">Money: $<span id="moneyAmount">0</span></div>
    <div id="upgrade">Upgrade: Cost $<span id="upgradeCost">10</span></div>

// Cookie click event
        document.getElementById('cookie').addEventListener('click', function () {
            money += upgradeLevel;
            document.getElementById('moneyAmount').innerHTML = money; // Update money amount
        });

// Upgrade click event
        document.getElementById('upgrade').addEventListener('click', function () {
            if (money >= upgradeCost) {
                upgradeLevel++;
                money -= upgradeCost;
                upgradeCost = Math.ceil(upgradeCost * 1.5); // Increase upgrade cost by 50%
                document.getElementById('moneyAmount').innerHTML = money; // Update money amount
                document.getElementById('upgradeCost').innerHTML = upgradeCost; // Update upgrade cost
            }
        });
    </script>
</body>

</html>
```

Please note that the provided code assumes the availability of `cookie.png` as the image file for the cookie. You will need to replace this with your desired cookie image or use appropriate pictograms.