Advanced cookie clicker, cookies:, upgrades, grandma 10 cookies, mine, 100 cookies clicks faster than grandma, don't multiply, click faster.'s game

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

No:37889

131

←

Prev Next

→

Advanced cookie clicker, cookies:, upgrades, grand..ALL
Developer User17064｜Date and time 24/1/21 19:05:16
Build time 16.892 sec｜Game capacity 5.018KB｜

Script

Cookies: 0

Please note that this implementation assumes the presence of image files (`emozi_all/cookie.png`, `emozi_chicken.png`, `emozi_rabbit.png`, `emozi_hamuster.png`, `emozi_dog.png`, `emozi_himawari.png`, and `emozi_cat.png`) in the same directory as the HTML file. You can replace these images with appropriate pictograms as desired. To play the game, simply open the HTML file in a web browser on your smartphone.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cookie Clicker Game</title>
    <style>
        body {
            background-color: #f5f5f5;
            font-family: Arial, sans-serif;
        }
        #cookie {
            width: 200px;
            height: 200px;
            background-image: url('cookie.png');
            background-size: cover;
            margin: 50px auto;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        #score {
            font-size: 20px;
            text-align: center;
        }
        #upgrades {
            margin: 30px auto;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            max-width: 600px;
        }
        .upgrade {
            width: 150px;
            height: 150px;
            background-size: cover;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            box-shadow: 0 0 5px rgba(0,0,0,0.3);
            cursor: pointer;
            transition: transform 0.2s;
        }
        .upgrade:hover {
            transform: scale(1.1);
        }
    </style>
</head>
<body>
    <div id="cookie"></div>
    <div id="score">Cookies: <span id="score-value">0</span></div>
    <div id="upgrades">
        <div class="upgrade" id="grandma"></div>
        <div class="upgrade" id="mine"></div>
        <div class="upgrade" id="click-faster"></div>
    </div>

// Cookie click event
        const cookie = document.querySelector('#cookie');
        cookie.addEventListener('click', () => {
            score += 1 + grandmaCount + (mineCount * 10);
            updateScore();
        });

// Grandma upgrade event
        const grandmaUpgrade = document.querySelector('#grandma');
        grandmaUpgrade.addEventListener('click', () => {
            const grandmaCost = 10 * (grandmaCount + 1);

if (score >= grandmaCost) {
                score -= grandmaCost;
                grandmaCount++;
                updateScore();
                grandmaUpgrade.style.backgroundImage = "url('grandma_active.png')";
            }
        });

// Mine upgrade event
        const mineUpgrade = document.querySelector('#mine');
        mineUpgrade.addEventListener('click', () => {
            const mineCost = 100 * (mineCount + 1);

if (score >= mineCost) {
                score -= mineCost;
                mineCount++;
                updateScore();
                mineUpgrade.style.backgroundImage = "url('mine_active.png')";
            }
        });

// Click Faster upgrade event
        const clickFasterUpgrade = document.querySelector('#click-faster');
        clickFasterUpgrade.addEventListener('click', () => {
            const clickFasterCost = 1000 * (clickFasterCount + 1);

if (score >= clickFasterCost) {
                score -= clickFasterCost;
                clickFasterCount++;
                updateScore();
                clickFasterUpgrade.style.backgroundImage = "url('click_faster_active.png')";
            }
        });

// Update score and check for upgrade availability
        function updateScore() {
            const scoreValue = document.querySelector('#score-value');
            scoreValue.textContent = score;

// Update availability of upgrades
            const grandmaCost = 10 * (grandmaCount + 1);
            if (score >= grandmaCost) {
                grandmaUpgrade.style.backgroundImage = "url('grandma.png')";
            } else {
                grandmaUpgrade.style.backgroundImage = "none";
            }

const mineCost = 100 * (mineCount + 1);
            if (score >= mineCost) {
                mineUpgrade.style.backgroundImage = "url('mine.png')";
            } else {
                mineUpgrade.style.backgroundImage = "none";
            }

const clickFasterCost = 1000 * (clickFasterCount + 1);
            if (score >= clickFasterCost) {
                clickFasterUpgrade.style.backgroundImage = "url('click_faster.png')";
            } else {
                clickFasterUpgrade.style.backgroundImage = "none";
            }
        }
    </script>
</body>
</html>
```

Please note that this implementation assumes the presence of image files (`cookie.png`, `grandma.png`, `grandma_active.png`, `mine.png`, `mine_active.png`, `click_faster.png`, and `click_faster_active.png`) in the same directory as the HTML file. You can replace these images with appropriate pictograms as desired.

To play the game, simply open the HTML file in a web browser on your smartphone.