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

No:22515

←

Prev Next

→

idle game
Developer User10391｜Date and time 23/10/23 0:47:33
Build time 40.31 sec｜Game capacity 2.34KB｜

Script

Idle Game

Click the Pictograms to Earn Points!

Score: 0

This is a simple implementation of an idle game where you earn points by clicking on a pictogram and can upgrade your click power and auto power using those points. The game interface is designed for smartphone operation and uses pictograms where possible. Simply save the code as an HTML file, open it in a web browser on your smartphone, and start playing!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Idle Game - Play Now!</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    img {
      width: 100px;
      height: 100px;
    }
    
    #score {
      font-size: 24px;
      margin-top: 20px;
    }
    
    #btn-container {
      margin-top: 40px;
    }
    
    button {
      padding: 10px 20px;
      font-size: 18px;
      margin: 5px;
    }
  </style>
</head>
<body>
  <h1>Idle Game</h1>
  <h2>Click the Pictograms to Earn Points!</h2>
  <img id="pictogram" src="pictogram.png" alt="Pictogram">
  <br>
  <div id="score">Score: 0</div>
  <div id="btn-container">
    <button onclick="upgradeClickPower()">Upgrade Click Power</button>
    <button onclick="upgradeAutoPower()">Upgrade Auto Power</button>
  </div>

// Function to handle clicking on the pictogram
    function clickPictogram() {
      score += clickPower;
      updateScore();
    }

// Function to update the score on the page
    function updateScore() {
      document.getElementById("score").innerText = "Score: " + score;
    }

// Function to handle auto-clicking
    function autoClick() {
      score += autoPower;
      updateScore();
    }

// Function to upgrade click power
    function upgradeClickPower() {
      if (score >= 10) {
        clickPower += 1;
        score -= 10;
        updateScore();
      }
    }

// Function to upgrade auto power
    function upgradeAutoPower() {
      if (score >= 20) {
        autoPower += 2;
        score -= 20;
        updateScore();
      }
    }

// Event listener for clicking on the pictogram
    document.getElementById("pictogram").addEventListener("click", clickPictogram);

// Start auto-clicking after 1 second
    setInterval(autoClick, 1000);
  </script>
</body>
</html>
```