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

No:12922

158

←

Prev Next

→

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

Script

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

Cookie Clicker

Score: 0

In this game, you click on the cookie image, and each click increases your score. You can also upgrade the cookie by clicking the "Upgrade" button, but it requires a certain amount of score to do so. The upgrade increases the cost and multiplies your score per click by the upgrade level. Please make sure to replace the "emozi_all/cookie.png" URL in the CSS with the path to your own cookie image.

←

Prev　Next

→ 　

Back　

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

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Cookie Clicker</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      #cookie {
        width: 200px;
        height: 200px;
        background-image: url('cookie.png');
        background-size: cover;
        margin: 50px auto;
      }
      #score {
        font-size: 24px;
        margin-bottom: 20px;
      }
      #upgrade {
        padding: 10px;
        background-color: #3498db;
        color: #fff;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
      }
      #message {
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Cookie Clicker</h1>
    
    <div id="cookie"></div>
    <p id="score">Score: <span id="scoreValue">0</span></p>
    <button id="upgrade">Upgrade</button>
    <p id="message"></p>

// Function to handle the cookie click event
      function clickCookie() {
        score++;
        document.getElementById("scoreValue").textContent = score;
      }

// Function to handle the upgrade button click
      function upgradeCookie() {
        if (score >= upgradeCost) {
          score -= upgradeCost;
          upgradeCost *= upgradeMultiplier;
          upgradeMultiplier++;
          
          document.getElementById("scoreValue").textContent = score;
          document.getElementById("upgrade").textContent = "Upgrade (Cost: " + upgradeCost + ")";
          document.getElementById("message").textContent = "Upgrade Successful!";
        } else {
          document.getElementById("message").textContent = "Not enough score for the upgrade!";
        }
      }

// Event listener for the cookie click
      document.getElementById("cookie").addEventListener("click", clickCookie);

// Event listener for the upgrade button click
      document.getElementById("upgrade").addEventListener("click", upgradeCookie);
    </script>
  </body>
</html>
```

Please make sure to replace the "cookie.png" URL in the CSS with the path to your own cookie image.