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

No:52548

148

←

Prev Next

→

Tap the COLOR Button to make the Background Red, O..ALL
Developer User21958｜Date and time 24/3/22 18:51:22
Build time 8.304 sec｜Game capacity 2.05KB｜

Script

Color Game

Tap the COLOR Button to change the background color:

Tap the Number Button to change the displayed number:

Tap the Emoji Button to change the emoji:

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Color Game</title>
    <style>
        body {
            text-align: center;
        }
        button {
            margin: 10px;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Color Game</h1>
    <div id="colorDiv">
        <h2>Tap the COLOR Button to change the background color:</h2>
        <button id="red" onclick="changeColor('red')">Red</button>
        <button id="orange" onclick="changeColor('orange')">Orange</button>
        <button id="yellow" onclick="changeColor('yellow')">Yellow</button>
        <button id="green" onclick="changeColor('green')">Green</button>
        <button id="blue" onclick="changeColor('blue')">Blue</button>
        <button id="indigo" onclick="changeColor('indigo')">Indigo</button>
        <button id="violet" onclick="changeColor('violet')">Violet</button>
    </div>
    <div id="numberDiv">
        <h2>Tap the Number Button to change the displayed number:</h2>
        <button id="numberBtn" onclick="changeNumber()">1</button>
    </div>
    <div id="emojiDiv">
        <h2>Tap the Emoji Button to change the emoji:</h2>
        <button id="emoji" onclick="changeEmoji()">😊</button>
    </div>

function changeColor(color) {
            document.body.style.background = color;
            currentColor = color;
        }

function changeNumber() {
            currentNumber = Math.floor(Math.random() * 10) + 1;
            document.getElementById('numberBtn').innerHTML = currentNumber;
        }

function changeEmoji() {
            const emojis = ['😊', '😢', '😡', '😈'];
            let randomIndex = Math.floor(Math.random() * emojis.length);
            currentEmoji = emojis[randomIndex];
            document.getElementById('emoji').innerHTML = currentEmoji;
        }
    </script>
</body>
</html>
```