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

No:35449

Click to produce cookies. Buy upgrades, buildings,..ALL
Developer User16539｜Date and time 24/1/14 12:38:52
Build time 16.782 sec｜Game capacity 4.967KB｜

Script

Cookie Clicker Game

0 cookies

Upgrades

Buildings

Special Items

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Cookie Clicker Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
    
    #cookie {
      width: 200px;
      height: 200px;
    }
    
    #counter {
      font-size: 36px;
      margin-bottom: 20px;
    }
    
    #buttons-container {
      margin-top: 30px;
    }
    
    button {
      font-size: 20px;
      margin: 10px;
      padding: 10px 15px;
      border-radius: 5px;
    }
    
    #upgrades-container {
      margin-top: 30px;
    }
    
    #buildings-container {
      margin-top: 30px;
    }
    
    .upgrade-btn {
      background-color: #FFD700;
    }
    
    .building-btn {
      background-color: #ADD8E6;
    }
    
    #special-items-container {
      margin-top: 30px;
    }
    
    .special-item-btn {
      background-color: #90EE90;
    }
  </style>
</head>
<body>
  <h1>Cookie Clicker Game</h1>

<div id="counter">0 cookies</div>

<div id="buttons-container">
    <button onclick="incrementCounter()">Click to produce cookies</button>
  </div>

<div id="upgrades-container">
    <h2>Upgrades</h2>
    <button class="upgrade-btn" onclick="buyUpgrade(1)">Cursor</button>
    <button class="upgrade-btn" onclick="buyUpgrade(2)">Grandma</button>
    <button class="upgrade-btn" onclick="buyUpgrade(3)">Farm</button>
    <button class="upgrade-btn" onclick="buyUpgrade(4)">Mine</button>
    <button class="upgrade-btn" onclick="buyUpgrade(5)">Factory</button>
    <button class="upgrade-btn" onclick="buyUpgrade(6)">Bank</button>
    <button class="upgrade-btn" onclick="buyUpgrade(7)">Temple</button>
    <button class="upgrade-btn" onclick="buyUpgrade(8)">Wizard Tower</button>
    <button class="upgrade-btn" onclick="buyUpgrade(9)">Shipment</button>
    <button class="upgrade-btn" onclick="buyUpgrade(10)">Time Machine</button>
  </div>

<div id="buildings-container">
    <h2>Buildings</h2>
    <button class="building-btn" onclick="build(1)">Grandma</button>
    <button class="building-btn" onclick="build(2)">Farm</button>
    <button class="building-btn" onclick="build(3)">Mine</button>
    <button class="building-btn" onclick="build(4)">Factory</button>
    <button class="building-btn" onclick="build(5)">Bank</button>
    <button class="building-btn" onclick="build(6)">Temple</button>
    <button class="building-btn" onclick="build(7)">Wizard Tower</button>
    <button class="building-btn" onclick="build(8)">Shipment</button>
    <button class="building-btn" onclick="build(9)">Alchemy Lab</button>
    <button class="building-btn" onclick="build(10)">Portal</button>
    <button class="building-btn" onclick="build(11)">Time Machine</button>
    <button class="building-btn" onclick="build(12)">Antimatter Condenser</button>
    <button class="building-btn" onclick="build(13)">Prism</button>
    <button class="building-btn" onclick="build(14)">Chancemaker</button>
    <button class="building-btn" onclick="build(15)">Fractal Engine</button>
    <button class="building-btn" onclick="build(16)">Javascript Console</button>
  </div>

<div id="special-items-container">
    <h2>Special Items</h2>
    <button class="special-item-btn" onclick="getGoldenCookie()">Golden Cookie</button>
    <button class="special-item-btn" onclick="getHolyCookie()">Holy Cookie</button>
  </div>

function incrementCounter() {
      counter++;
      document.getElementById('counter').textContent = counter + " cookies";
    }

function buyUpgrade(upgradeId) {
      // Implement the logic for upgrading based on the upgradeId
      // Increment production or add special abilities

// For demonstration purposes, we'll just increase the counter by 10
      counter += 10;
      document.getElementById('counter').textContent = counter + " cookies";
    }

function build(buildingId) {
      // Implement the logic for building based on the buildingId
      // Increase production or unlock new features

// For demonstration purposes, we'll just increase the counter by 100
      counter += 100;
      document.getElementById('counter').textContent = counter + " cookies";
    }

function getGoldenCookie() {
      // Implement logic for getting a golden cookie
      // It could give bonus points, upgrades, or other benefits

// For demonstration purposes, we'll just increase the counter by 1000
      counter += 1000;
      document.getElementById('counter').textContent = counter + " cookies";
    }

function getHolyCookie() {
      // Implement logic for getting a holy cookie
      // It could double the production or give special effects

// For demonstration purposes, we'll just increase the counter by 5000
      counter += 5000;
      document.getElementById('counter').textContent = counter + " cookies";
    }
  </script>
</body>
</html>