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

No:29384

Make cookies click to add a cookie on the pan and ..ALL
Developer User12706｜Date and time 23/12/17 7:09:26
Build time 26 sec｜Game capacity 2.387KB｜

Script

Sure! Here's a simple game that meets your requirements. It's a cookie clicker game where you can click on the pan to add a cookie and timers will appear to track the time.

Cookie Clicker

Click the pan to add a cookie!

Timer:

To use this game: 1. Save the code in a file with the extension `.html`, for example, `cookie_clicker.html`. 2. Save an image of a cookie as `emozi_all/cookie.png` in the same directory as the HTML file. 3. Open the HTML file in a web browser. Now, you can click on the pan represented by the cookie image to add a cookie. A timer will start counting down from 1 minute (60 seconds). Once the time is up, an alert will appear indicating that the game is over, and the cookie count will reset to 0. Note: Make sure to place the `emozi_all/cookie.png` image in the same directory as the HTML file and adjust the image source in the code accordingly.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game that meets your requirements. It's a cookie clicker game where you can click on the pan to add a cookie and timers will appear to track the time.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Cookie Clicker</title>
</head>
<body>
  <div style="text-align: center;">
    <h1>Cookie Clicker</h1>
    <img src="cookie.png" id="cookie" onclick="addCookie()" style="cursor: pointer;">
    <p>Click the pan to add a cookie!</p>
    <h3>Timer:</h3>
    <div id="timeRemaining"></div>
  </div>

// Add a cookie to the pan
    function addCookie() {
      cookieCount++;
      updateCookieCount();
      startTimer();
    }

// Update cookie count display
    function updateCookieCount() {
      let cookieDisplay = document.getElementById("cookie");
      cookieDisplay.innerHTML = "Cookies: " + cookieCount;
    }

// Start a timer for 1 minute
    function startTimer() {
      clearInterval(timerId);
      let seconds = 60;

timerId = setInterval(function() {
        seconds--;
        displayTimeRemaining(seconds);

if (seconds <= 0) {
          clearInterval(timerId);
          endGame();
        }
      }, 1000);
    }

// Display time remaining
    function displayTimeRemaining(seconds) {
      let timeDisplay = document.getElementById("timeRemaining");
      let minutes = Math.floor(seconds / 60);
      let remainingSeconds = seconds % 60;
      timeDisplay.innerHTML = minutes + "m : " + remainingSeconds + "s";
    }

// End the game
    function endGame() {
      alert("Time's up! Game over.");
      cookieCount = 0;
      updateCookieCount();
    }
  </script>
</body>
</html>
```

To use this game:

1. Save the code in a file with the extension `.html`, for example, `cookie_clicker.html`.
2. Save an image of a cookie as `cookie.png` in the same directory as the HTML file.
3. Open the HTML file in a web browser.

Now, you can click on the pan represented by the cookie image to add a cookie. A timer will start counting down from 1 minute (60 seconds). Once the time is up, an alert will appear indicating that the game is over, and the cookie count will reset to 0.

Note: Make sure to place the `cookie.png` image in the same directory as the HTML file and adjust the image source in the code accordingly.