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

No:50805

100

←

Prev Next

→

Click the COL Button to Change the Background Red,..ALL
Developer User21403｜Date and time 24/3/9 17:31:54
Build time 6.854 sec｜Game capacity 1.737KB｜

Script

Color Change Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Color Change Game</title>
<style>
    body {
        text-align: center;
        background-color: #f0f0f0;
        font-family: Arial, sans-serif;
    }
    button {
        padding: 10px 20px;
        font-size: 16px;
        margin: 10px;
        cursor: pointer;
    }
    #shape {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: red;
        transition: all 0.5s;
    }
</style>
</head>
<body>
    <h1>Color Change Game</h1>
    <button onclick="changeColor()">COL</button>
    <button onclick="changeEmoji()">ANIM</button>
    <button onclick="changeShape()">SHA</button>
    <div id="shape"></div>

let currentColor = 0;
        let currentEmoji = 0;
        let currentShape = 0;

function changeColor() {
            document.getElementById('shape').style.backgroundColor = colors[currentColor];
            currentColor = (currentColor + 1) % colors.length;
        }

function changeEmoji() {
            document.getElementById('shape').innerHTML = emojis[currentEmoji];
            currentEmoji = (currentEmoji + 1) % emojis.length;
        }

function changeShape() {
            document.getElementById('shape').style.borderRadius = shapes[currentShape] === 'circle' ? '50%' : '0';
            currentShape = (currentShape + 1) % shapes.length;
        }
    </script>
</body>
</html>