AI game creator

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

No:20077

←

Prev Next

→

Make cookie clicker
Developer User8878｜Date and time 23/10/8 5:56:08
Build time 11.356 sec｜Game capacity 2.838KB｜

Script

Sure! Here's an example of a simple cookie-clicker game implemented as a single HTML file using JavaScript. The game allows you to click on a cookie to earn points, which can be used to buy upgrades and increase your cookie production.

Score: 0

Upgrade 1 - Cost: 10

Upgrade 2 - Cost: 20

You can save the above code in an `.html` file and open it in a web browser to play the cookie clicker game. Click on the cookie to earn points and use the points to buy upgrades from the upgrade buttons. The score and cookie pictogram will update dynamically as you play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cookie Clicker</title>
  <style>
    #cookie {
      width: 200px;
      height: 200px;
      /* Replace the URL with a cookie pictogram if available */
      background-image: url('https://via.placeholder.com/200');
      background-size: cover;
      cursor: pointer;
    }
    #score {
      margin-top: 20px;
      font-size: 24px;
    }
    #upgrades {
      margin-top: 20px;
    }
    .upgrade {
      margin: 10px;
      padding: 10px;
      background-color: #ccc;
      display: inline-block;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="cookie"></div>
  <div id="score">Score: 0</div>
  <div id="upgrades">
    <div class="upgrade">Upgrade 1 - Cost: 10</div>
    <div class="upgrade">Upgrade 2 - Cost: 20</div>
  </div>

// DOM elements
    const cookie = document.getElementById("cookie");
    const scoreElement = document.getElementById("score");
    const upgrades = document.getElementsByClassName("upgrade");

// Initialize event listeners
    cookie.addEventListener("click", incrementScore);

for (let i = 0; i < upgrades.length; i++) {
      upgrades[i].addEventListener("click", buyUpgrade);
    }

// Function to increment the score
    function incrementScore() {
      score += cookieProduction;
      cookieClicks++;
      scoreElement.textContent = "Score: " + score;

// Update cookie pictogram (change URL if using an actual cookie pictogram)
      cookie.style.backgroundImage = "url('https://via.placeholder.com/200?text=" + cookieClicks + "')";
    }

// Function to buy an upgrade
    function buyUpgrade(event) {
      const upgrade = event.target;

// Check if upgrade is affordable
      const upgradeCost = parseInt(upgrade.textContent.split("Cost: ")[1]);
      if (score >= upgradeCost) {
        // Deduct score and increase cookie production
        score -= upgradeCost;
        cookieProduction++;
        scoreElement.textContent = "Score: " + score;

// Increase upgrade cost
        const newUpgradeCost = upgradeCost * 2;
        upgrade.textContent = upgrade.textContent.replace(upgradeCost, newUpgradeCost);
      }
    }
  </script>
</body>
</html>
```