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

No:37882

Cookie clicker but every 10 seconds, it randomizes..ALL
Developer User17064｜Date and time 24/1/21 18:51:18
Build time 11.947 sec｜Game capacity 3.267KB｜

Script

Sure! Here's an example of a single HTML file that implements a game similar to Cookie Clicker, with the added feature of randomizing the textures and changing the background every 10 seconds. The cookie texture changes every 10 seconds to a rainbow square, and the words on the screen also change every 10 seconds.

Cookie Clicker Game

Click the cookie!

To use this code, save it as a `.html` file and open it in a web browser. You will see a cookie image displayed, and you can click on it to increase your score. Every 10 seconds, the texture of the cookie will change to a rainbow square, the background color will change randomly, and the words on the screen will also change. After another 10 seconds, everything will revert back to normal.

←

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 {
        text-align: center;
        background-color: #F2F2F2;
        font-family: Arial, sans-serif;
      }
      #cookie {
        width: 200px;
        height: 200px;
        background-image: url('cookie.png');
        background-repeat: no-repeat;
        background-size: cover;
        margin: 50px auto;
        cursor: pointer;
      }
      #score {
        font-size: 24px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Cookie Clicker Game</h1>
    <div id="cookie"></div>
    <p id="score">Click the cookie!</p>
    <script>
      var score = 0;
      var cookieEl = document.getElementById('cookie');
      var scoreEl = document.getElementById('score');

// Add click event listener to the cookie
      cookieEl.addEventListener('click', function() {
        score++;
        scoreEl.textContent = 'score: ' + score;
      });

// Function to change the cookie texture to a rainbow square
      function changeCookieTexture() {
        cookieEl.style.backgroundImage = 'url("rainbow_square.png")';
      }

// Function to revert the cookie texture back to normal
      function revertCookieTexture() {
        cookieEl.style.backgroundImage = 'url("cookie.png")';
      }

// Function to change the background color randomly
      function changeBackgroundColor() {
        var colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF'];
        var randomColor = colors[Math.floor(Math.random() * colors.length)];
        document.body.style.backgroundColor = randomColor;
      }

// Function to revert the background color back to normal
      function revertBackgroundColor() {
        document.body.style.backgroundColor = '#F2F2F2';
      }

// Function to change the words on the screen
      function changeWords() {
        var words = ['Click!', 'More Cookies!', 'Yummy!', 'Keep clicking!'];
        var randomWord = words[Math.floor(Math.random() * words.length)];
        scoreEl.textContent = randomWord;
      }

// Repeat the texture, background, and words changes every 10 seconds
      setInterval(function() {
        changeCookieTexture();
        setTimeout(revertCookieTexture, 10000);

changeBackgroundColor();
        setTimeout(revertBackgroundColor, 10000);

changeWords();
      }, 20000);
    </script>
  </body>
</html>
```