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

No:21207

Make me a cookie clicker with items you can buy an..ALL
Developer User9329｜Date and time 23/10/14 4:17:53
Build time 66.185 sec｜Game capacity 2.86KB｜

Script

Sure! Here's a simple implementation of a cookie clicker game using JavaScript, HTML, and pictograms for items. Just copy the code below and save it as a single HTML file:

Cookie Clicker

0 cookies

Items:

- Cost: 10 cookies, Cps: 1

- Cost: 50 cookies, Cps: 5

- Cost: 100 cookies, Cps: 10

This code creates a simple cookie clicker game. You can click on the cookie icon to increment your score. There are also three items available to purchase, each with a specific cost and cookies per second (cps) value. By clicking on an item, you can buy it if you have enough cookies. Once purchased, the item will automatically add its cps value to your total score every second. Please note that in this implementation, the game will continue even if you navigate away from the page or close it.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a cookie clicker game using JavaScript, HTML, and pictograms for items. Just copy the code below and save it as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  <style>
    body {
      font-family: 'Arial', sans-serif;
      text-align: center;
    }
    
    .clicker {
      font-size: 50px;
      cursor: pointer;
    }
    
    .item {
      font-size: 20px;
      margin: 10px;
      padding: 10px;
      display: inline-block;
      background-color: #eee;
      border-radius: 5px;
      cursor: pointer;
    }
    
    .item:hover {
      background-color: #ddd;
    }
    
    #score {
      font-size: 25px;
      margin-bottom: 10px;
      color: green;
    }
  </style>
</head>
<body>
  <h1>Cookie Clicker</h1>
  
  <div id="score">0 cookies</div>
  <div class="clicker" onclick="incrementScore()"><i class="fas fa-cookie"></i></div>
  
  <h2>Items:</h2>
  
  <div id="items">
    <div class="item" onclick="buyItem(10, 1)"><i class="fas fa-pizza-slice"></i> - Cost: 10 cookies, Cps: 1</div>
    <div class="item" onclick="buyItem(50, 5)"><i class="fas fa-burger"></i> - Cost: 50 cookies, Cps: 5</div>
    <div class="item" onclick="buyItem(100, 10)"><i class="fas fa-ice-cream"></i> - Cost: 100 cookies, Cps: 10</div>
  </div>
  
  <script>
    let score = 0;
    let cookiesPerSecond = 0;
    
    function incrementScore() {
      score++;
      updateScore();
    }
    
    function updateScore() {
      document.getElementById("score").innerText = score + " cookies";
    }
    
    function buyItem(cost, cps) {
      if (score >= cost) {
        score -= cost;
        cookiesPerSecond += cps;
        updateScore();
        updateItems();
        setInterval(function() {
          incrementScore();
        }, 1000 / cookiesPerSecond);
      }
    }
    
    function updateItems() {
      let items = document.getElementsByClassName("item");
      for (let i = 0; i < items.length; i++) {
        let cost = parseInt(items[i].getAttribute("onclick").split(",")[0].split("(")[1]);
        if (score < cost) {
          items[i].classList.add("disabled");
        } else {
          items[i].classList.remove("disabled");
        }
      }
    }
  </script>
</body>
</html>
```

Please note that in this implementation, the game will continue even if you navigate away from the page or close it.