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

No:37877

Cookie clicker but every 10 seconds, the style cha..ALL
Developer User17064｜Date and time 24/1/21 18:47:22
Build time 9.364 sec｜Game capacity 2.924KB｜

Script

Sure! Here's a single HTML file that implements the game you described, with changing styles, cookies, and background every 10 seconds:

Cookie Clicker Game

Score: 0

To play the game, simply open the HTML file in a web browser, and you'll see a cookie in the center of the screen. Every 10 seconds, the style, cookie, and background will change randomly. Click on the cookie to increase your score. After 30 seconds, the background will change back to normal. Note that the pictograms used for the cookies ('🍪', '🍩', '🍦') may not render correctly in all browsers or devices, but they are standard Unicode characters that represent the respective pictograms.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a single HTML file that implements the game you described, with changing styles, cookies, and background every 10 seconds:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cookie Clicker Game</title>
    <style>
        body {
            background-color: #fafafa;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #cookie {
            margin-top: 100px;
            width: 200px;
            height: 200px;
        }
        
        #score {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
    <script>
        var score = 0;
        
        function changeStyle() {
            var styles = ['background-color: #cfeeff; color: #000000;', 'background-color: #ffcfd2; color: #000000;', 'background-color: #d7f8d7; color: #000000;'];
            var styleIndex = Math.floor(Math.random() * styles.length);
            document.body.style = styles[styleIndex];
        }
        
        function changeCookie() {
            var cookies = ['🍪', '🍩', '🍦'];
            var cookieIndex = Math.floor(Math.random() * cookies.length);
            document.getElementById('cookie').innerHTML = cookies[cookieIndex];
        }
        
        function changeBackground() {
            var backgrounds = ['#f5f5f5', '#ffe0b2', '#dce775'];
            var bgIndex = Math.floor(Math.random() * backgrounds.length);
            document.body.style.backgroundColor = backgrounds[bgIndex];
        }
        
        function increaseScore() {
            score++;
            document.getElementById('score').innerHTML = 'Score: ' + score;
        }
        
        function startGame() {
            setInterval(function() {
                changeStyle();
            }, 10000);
            
            setInterval(function() {
                changeCookie();
            }, 10000);
            
            setInterval(function() {
                changeBackground();
            }, 10000);
            
            setInterval(function() {
                document.body.style.backgroundColor = '#fafafa';
            }, 30000);
            
            document.getElementById('cookie').addEventListener('click', increaseScore);
        }
    </script>
</head>
<body onload="startGame()">
    <h1>Cookie Clicker Game</h1>
    
    <div id="cookie">🍪</div>
    
    <p id="score">Score: 0</p>
</body>
</html>
```

Note that the pictograms used for the cookies ('🍪', '🍩', '🍦') may not render correctly in all browsers or devices, but they are standard Unicode characters that represent the respective pictograms.