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

No:34432

←

Prev Next

→

Penguin clicker
Developer User16242｜Date and time 24/1/10 11:31:02
Build time 11.609 sec｜Game capacity 2.819KB｜

Script

¡Penguin Clicker!

Toca al pingüino para ganar puntos.

Puntos: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Penguin Clicker</title>

h1 {
            color: #333;
            font-size: 24px;
            margin: 10px 0;
        }

#penguin-img {
            width: 150px;
            height: 150px;
            margin-bottom: 10px;
        }

#count {
            font-size: 48px;
        }

#click-btn {
            padding: 10px 20px;
            background-color: #FFB74D;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
            outline: none;
        }

#click-btn:hover {
            background-color: #FF9800;
        }

#upgrade-btn {
            padding: 10px 20px;
            background-color: #9CCC65;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
            outline: none;
        }

#upgrade-btn:hover {
            background-color: #8BC34A;
        }
    </style>
</head>
<body>
    <h1>¡Penguin Clicker!</h1>
    <img src="penguin.png" alt="Penguin" id="penguin-img">
    <p>Toca al pingüino para ganar puntos.</p>
    <p>Puntos: <span id="count">0</span></p>
    <button id="click-btn">¡Toca Aquí!</button>
    <br>
    <button id="upgrade-btn">Mejora</button>

// Elements
        var countElement = document.getElementById("count");
        var clickBtn = document.getElementById("click-btn");
        var upgradeBtn = document.getElementById("upgrade-btn");

// Event Listeners
        clickBtn.addEventListener("click", function() {
            count += clickValue;
            countElement.textContent = count;
        });

upgradeBtn.addEventListener("click", function() {
            if (count >= upgradeCost) {
                count -= upgradeCost;
                clickValue *= 2;
                upgradeCost *= 2;
                countElement.textContent = count;
                upgradeBtn.textContent = "Mejora (" + upgradeCost + ")";
            }
        });

// Game Loop (Optional)
        // setInterval(function() {
        //     // Logic to increment points over time or trigger events
        //     count += 1; // Example: Increment points every second
        //     countElement.textContent = count;
        // }, 1000);
    </script>
</body>
</html>