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

No:9243

2750

←

Prev Next

→

idle game
Developer User4317｜Date and time 23/7/22 22:29:39
Build time 20.317 sec｜Game capacity 2.529KB｜

Script

Sure! Here's an example of an idle game implemented as a single HTML file using JavaScript:

Idle Game

In this idle game, you have a score displayed on the webpage. You can click the "Click!" button to increase the score manually. There is also an "Upgrade" button that increases the click power by spending some of the score. The upgrade cost increases as you buy upgrades. Additionally, there is a game loop that automatically increases the score every 100 milliseconds based on the current click power. You can copy this code into a single HTML file, open it in a web browser, and play the idle game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an idle game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Idle Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 50px;
    }

#score {
      font-size: 24px;
      margin-bottom: 20px;
    }

#clickButton, #upgradeButton {
      font-size: 18px;
      padding: 10px 20px;
      margin: 10px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
      border-radius: 5px;
    }
  </style>
</head>
<body>
  <h1>Idle Game</h1>

<button id="clickButton">Click!</button>
  <button id="upgradeButton">Upgrade (Cost: 10)</button>

// Event listeners for buttons
    document.getElementById("clickButton").addEventListener("click", handleClick);
    document.getElementById("upgradeButton").addEventListener("click", handleUpgradeClick);

// Function to handle clicks
    function handleClick() {
      score += clickPower;
      updateScore();
    }

// Function to handle upgrade clicks
    function handleUpgradeClick() {
      if (score >= upgradeCost) {
        score -= upgradeCost;
        clickPower++;
        upgradeCost *= 2;
        updateScore();
        updateUpgradeButton();
      }
    }

// Function to update the score display
    function updateScore() {
      document.getElementById("score").textContent = score;
    }

// Function to update the upgrade button display
    function updateUpgradeButton() {
      document.getElementById("upgradeButton").textContent = `Upgrade (Cost: ${upgradeCost})`;
    }

// Game loop for automatic score increase
    setInterval(function() {
      score += clickPower * 0.1;
      updateScore();
    }, 100);

// Initial updates
    updateScore();
    updateUpgradeButton();
  </script>
</body>
</html>
```

Additionally, there is a game loop that automatically increases the score every 100 milliseconds based on the current click power.

You can copy this code into a single HTML file, open it in a web browser, and play the idle game.