click the apple 10 times and it will turn into a unicorn, but if you click it more than 10 times, a monster will come and eat you's game

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

No:36560

←

Prev Next

→

click the apple 10 times and it will turn into a u..ALL
Developer User16826｜Date and time 24/1/17 23:16:29
Build time 11.283 sec｜Game capacity 2.203KB｜

Script

Sure! Here's a single HTML file game that turns an apple into a unicorn when clicked 10 times. If the apple is clicked more than 10 times, a monster will appear and end the game. The game is designed for smartphone operation and uses pictograms.

🍎

When you open this HTML file in a web browser on your smartphone, you'll see an apple emoji (🍎). Tapping on the apple will increment the click count by one. If you tap it 10 times, it will change to a unicorn emoji (🦄). If you tap it more than 10 times, a monster emoji (👹) will appear while the background changes to black and the text color changes to white. After 3 seconds, the game will automatically reload to play again. Keep in mind that this is a basic implementation, and you can customize the game further as per your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Apple Clicker Game</title>
    <style>
        body {
            text-align: center;
        }
        #game {
            font-size: 40px;
            cursor: pointer;
        }
        #monster {
            font-size: 80px;
        }
    </style>
</head>
<body>
    <div id="game" onclick="clickApple()">
        🍎
    </div>
    <div id="monster" style="display: none;">
        🦖
    </div>

function clickApple() {
            appleClicks++;
            if (appleClicks < maxClicks) {
                document.getElementById('game').innerHTML = '🍏'.repeat(maxClicks - appleClicks);
            } else if (appleClicks === maxClicks) {
                document.getElementById('game').innerHTML = '🦄';
            } else {
                document.getElementById('game').style.display = 'none';
                document.getElementById('monster').style.display = 'block';
                document.body.style.backgroundColor = 'black';
                document.body.style.color = 'white';
                document.getElementById('monster').innerHTML = '👹 Game Over!';

setTimeout(function() {
                    location.reload();
                }, 3000);
            }
        }
    </script>
</body>
</html>
```

Keep in mind that this is a basic implementation, and you can customize the game further as per your preferences.