Coockie clicker, que seja possível comprar upgrades's game

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

No:27288

←

Prev Next

→

Coockie clicker, que seja possível comprar upgrade..ALL
Developer User13247｜Date and time 23/12/6 1:47:14
Build time 49.417 sec｜Game capacity 2.956KB｜

Script

Pontuação: 0

O código acima implementa o jogo "Cookie Clicker". Quando você clica na imagem do cookie, a sua pontuação aumenta de acordo com o valor definido inicialmente. Você pode comprar upgrades clicando no botão "Comprar Upgrade", desde que tenha pontuação suficiente para pagar pelo upgrade. Cada upgrade aumentará o valor de pontuação que é adicionado a cada clique no cookie. O jogo é implementado em um único arquivo HTML, com o JavaScript inserido dentro de tags de script. O layout é responsivo e amigável para smartphones. O símbolo do cookie é exibido na tela como uma imagem e a pontuação é exibida em um elemento de parágrafo.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Cookie Clicker</title>
    <style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-family: Arial, sans-serif;
            background-color: #eef1f4;
        }

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

#score {
            font-size: 24px;
            font-weight: bold;
            margin-top: 20px;
        }

#upgradeBtn {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="cookie"></div>
    <p id="score">Pontuação: 0</p>
    <button id="upgradeBtn">Comprar Upgrade</button>

const cookie = document.getElementById('cookie');
        const scoreElement = document.getElementById('score');
        const upgradeBtn = document.getElementById('upgradeBtn');

cookie.addEventListener('click', increaseScore);
        upgradeBtn.addEventListener('click', buyUpgrade);

function increaseScore() {
            score += clickValue;
            scoreElement.innerText = `Pontuação: ${score}`;
        }

O jogo é implementado em um único arquivo HTML, com o JavaScript inserido dentro de tags de script. O layout é responsivo e amigável para smartphones. O símbolo do cookie é exibido na tela como uma imagem e a pontuação é exibida em um elemento de parágrafo.