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

No:12923

246

←

Prev Next

→

A game where you click a cookie, and upgrade it.
Developer User5631｜Date and time 23/8/25 5:33:07
Build time 17.148 sec｜Game capacity 2.102KB｜

Script

Sure, here's an example of a simple cookie clicker game implemented as a single HTML file using JavaScript. The game allows players to click on a cookie to earn points, and use those points to purchase upgrades that increase their cookie production rate.

Cookie Clicker Game

Click on the cookie to earn points:

You have 0 points.

Upgrade your cookie production:

In this game, when the user clicks on the cookie image, their points increase by the value of `clickValue`. The current points are displayed using the element with the id "points". Additionally, there is an upgrade button that increases the value of `clickValue` by multiplying it with `upgradeMultiplier`. Each upgrade costs `upgradeCost` points. You can provide your own cookie image by replacing `emozi_all/cookie.png` with the path to your preferred image file. Feel free to modify the game mechanics, graphics, and styles according to your preferences.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cookie Clicker Game</title>
</head>
<body>
  <h1>Cookie Clicker Game</h1>
  <p>Click on the cookie to earn points:</p>
  <img id="cookie" src="cookie.png" alt="Cookie" onclick="clickCookie()">
  <p>You have <span id="points">0</span> points.</p>
  <p>Upgrade your cookie production:</p>
  <button onclick="buyUpgrade()">Buy Upgrade (10 points)</button>
  
  <script>
    // Initialize variables
    let points = 0;
    let clickValue = 1;
    let upgradeCost = 10;
    let upgradeMultiplier = 2;
  
    // Function to handle clicking on the cookie
    function clickCookie() {
      points += clickValue;
      updatePoints();
    }
    
    // Function to update points display
    function updatePoints() {
      document.getElementById("points").textContent = points;
    }
  
    // Function to handle buying an upgrade
    function buyUpgrade() {
      if (points >= upgradeCost) {
        points -= upgradeCost;
        clickValue *= upgradeMultiplier;
        upgradeCost *= upgradeMultiplier;
        updatePoints();
      } else {
        alert("Not enough points to buy the upgrade!");
      }
    }
  </script>
</body>
</html>
```
In this game, when the user clicks on the cookie image, their points increase by the value of `clickValue`. The current points are displayed using the element with the id "points".

Additionally, there is an upgrade button that increases the value of `clickValue` by multiplying it with `upgradeMultiplier`. Each upgrade costs `upgradeCost` points.

You can provide your own cookie image by replacing `cookie.png` with the path to your preferred image file. Feel free to modify the game mechanics, graphics, and styles according to your preferences.