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

No:35452

Make A Game Where You Click A Cookie You Gain More..ALL
Developer User16539｜Date and time 24/1/14 12:48:37
Build time 19.798 sec｜Game capacity 5.972KB｜

Script

Sure! Here's the implementation of the game you described as a single HTML file:

Cookie Clicker Game

Cookies: 0

Buy Cursor (50 Cookies)

Buy Grandma (100 Cookies)

Buy Cookie Cutter (500 Cookies)

Buy Cookie Factory (1000 Cookies)

Buy Cookie Temple (5000 Cookies)

Buy Cookie Planet (10000 Cookies)

Buy Cookie God (50000 Cookies)

Buy Auto Click (5000 Cookies)

Sell All Cookies

Milk Level: 0%

In the above code, make sure to replace the `emozi_all/cookie.png` path with the path to your own cookie image. To play the game, simply save the code into an HTML file (e.g., `cookie_clicker.html`) and open it in a web browser that supports JavaScript. You can click on the cookie to gain more cookies, buy various items with the cookies, sell cookies, and even improve your clicking power with the milk meter. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's the implementation of the game you described as a single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Cookie Clicker Game</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      #cookie {
        width: 200px;
        height: 200px;
        background-image: url("cookie.png");
        background-size: cover;
        margin-top: 50px;
        cursor: pointer;
      }
      #cookieMeter {
        font-size: 24px;
        margin-bottom: 15px;
      }
      #buyButtons div {
        display: inline-block;
        margin: 10px;
        padding: 10px;
        border: 1px solid #ccc;
        cursor: pointer;
      }
      #milkMeter {
        margin-top: 15px;
      }
    </style>
  </head>
  <body>
    <h1>Cookie Clicker Game</h1>
    <div id="cookie"></div>
    <div id="cookieMeter">Cookies: 0</div>
    <div id="buyButtons">
      <div onclick="buyItem('cursor')">Buy Cursor (50 Cookies)</div>
      <div onclick="buyItem('grandma')">Buy Grandma (100 Cookies)</div>
      <div onclick="buyItem('cookieCutter')">Buy Cookie Cutter (500 Cookies)</div>
      <div onclick="buyItem('cookieFactory')">Buy Cookie Factory (1000 Cookies)</div>
      <div onclick="buyItem('cookieTemple')">Buy Cookie Temple (5000 Cookies)</div>
      <div onclick="buyItem('cookiePlanet')">Buy Cookie Planet (10000 Cookies)</div>
      <div onclick="buyItem('cookieGod')">Buy Cookie God (50000 Cookies)</div>
      <div onclick="buyAutoClick()">Buy Auto Click (5000 Cookies)</div>
      <div onclick="sellCookies()">Sell All Cookies</div>
    </div>
    <div id="milkMeter">
      <label for="milkRange">Milk Level:</label>
      <input type="range" min="0" max="100" value="0" id="milkRange" onchange="updateMilkMeter()">
      <span id="milkLabel">0%</span>
    </div>

function clickCookie() {
        cookies++;
        updateCookieMeter();
      }

function getItemCost(item) {
        switch (item) {
          case 'cursor':
            return 50;
          case 'grandma':
            return 100;
          case 'cookieCutter':
            return 500;
          case 'cookieFactory':
            return 1000;
          case 'cookieTemple':
            return 5000;
          case 'cookiePlanet':
            return 10000;
          case 'cookieGod':
            return 50000;
        }
      }

function updateCookieMeter() {
        document.getElementById("cookieMeter").textContent = "Cookies: " + cookies;
      }

function updateBuyButtons() {
        var buttons = document.getElementById("buyButtons").getElementsByTagName("div");
        for (var i = 0; i < buttons.length; i++) {
          var item = buttons[i].getAttribute("onclick").split("'")[1];
          var cost = getItemCost(item);

if (cookies >= cost) {
            buttons[i].style.backgroundColor = "lightgreen";
          } else {
            buttons[i].style.backgroundColor = "";
          }
        }
      }

function updateMilkMeter() {
        var range = document.getElementById("milkRange");
        milkLevel = range.value;
        document.getElementById("milkLabel").textContent = milkLevel + "%";

// Update the click power based on milk level
        document.getElementById("cookie").style.backgroundSize = (200 + milkLevel) + "px";
      }

setInterval(function () {
        cookies += cursors * 1;
        cookies += grandmas * 10;
        cookies += cookieCutters * 50;
        cookies += cookieFactories * 100;
        cookies += cookieTemples * 500;
        cookies += cookiePlanets * 1000;
        cookies += cookieGods * 5000;
        updateCookieMeter();
      }, 1000);
    </script>
  </body>
</html>
```

In the above code, make sure to replace the `cookie.png` path with the path to your own cookie image.

To play the game, simply save the code into an HTML file (e.g., `cookie_clicker.html`) and open it in a web browser that supports JavaScript. You can click on the cookie to gain more cookies, buy various items with the cookies, sell cookies, and even improve your clicking power with the milk meter. Enjoy the game!