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

No:25167

←

Prev Next

→

incremental game
Developer User12263｜Date and time 23/11/18 18:57:48
Build time 43.018 sec｜Game capacity 2.412KB｜

Script

Incremental Game

Score: 0

This is a simple incremental game implemented as a single HTML file. It includes JavaScript code enclosed in `
` tags. The game starts immediately and can be played on a smartphone. It uses pictograms as buttons for better mobile usability. The objective is to increase the score by tapping the "+" button. There is also an "Upgrade" button that allows the player to spend their accumulated score to increase the score increment per tap. The cost of upgrading doubles each time. The current score and upgrade cost are displayed dynamically. The game loop updates the score every second, even if the player is not actively tapping the "+" button. This allows the score to increase over time.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

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

<head>
    <title>Incremental Game</title>
</head>

<body>
    <div id="gameContainer">
        <h1>Incremental Game</h1>
        <div id="scoreContainer">
            <h3>Score: <span id="score">0</span></h3>
        </div>
        <div id="buttonContainer">
            <button id="incrementButton">+</button>
            <button id="upgradeButton">Upgrade (Cost: <span id="upgradeCost">10</span>)</button>
        </div>
    </div>

// DOM Elements
        const scoreElement = document.getElementById("score");
        const incrementButton = document.getElementById("incrementButton");
        const upgradeButton = document.getElementById("upgradeButton");
        const upgradeCostElement = document.getElementById("upgradeCost");

// Event listeners
        incrementButton.addEventListener("click", incrementScore);
        upgradeButton.addEventListener("click", upgradeMultiplier);

// Function to increase the score
        function incrementScore() {
            score += multiplier;
            scoreElement.innerText = score;
        }

// Function to upgrade the multiplier
        function upgradeMultiplier() {
            if (score >= upgradeCost) {
                score -= upgradeCost;
                multiplier++;
                upgradeCost *= 2;
                upgradeCostElement.innerText = upgradeCost;
                scoreElement.innerText = score;
            }
        }

// Game loop (update score every second)
        setInterval(incrementScore, 1000);
    </script>
</body>

</html>
```

This is a simple incremental game implemented as a single HTML file. It includes JavaScript code enclosed in `<script>` tags. The game starts immediately and can be played on a smartphone. It uses pictograms as buttons for better mobile usability. The objective is to increase the score by tapping the "+" button.

There is also an "Upgrade" button that allows the player to spend their accumulated score to increase the score increment per tap. The cost of upgrading doubles each time. The current score and upgrade cost are displayed dynamically.

The game loop updates the score every second, even if the player is not actively tapping the "+" button. This allows the score to increase over time.