very simple game. Well, it is a square that changes color between yellow, red and green. and pink and blue and purple.'s game

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

No:31748

←

Prev Next

→

very simple game. Well, it is a square that change..ALL
Developer User15232｜Date and time 23/12/28 8:33:34
Build time 14.263 sec｜Game capacity 2.117KB｜

Script

Sure, here's a simple game that meets your requirements. It's a game where you have to tap the square to change its color between yellow, red, green, pink, blue, and purple. You score points each time you tap on the square.

To play the game, simply save the above code into a file with an `.html` extension (e.g., `color_game.html`), and open it in a web browser on your smartphone. Tap the square to change its color and score points!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Color Change Game</title>
    <style>
        #square {
            width: 100px;
            height: 100px;
            background-color: yellow;
        }
    </style>
</head>
<body>
    <div id="square"></div>

// Function to change the color of the square
        function changeColor() {
            // Increment the score
            score++;

// Get a random color index different from the current color
            var randomColorIndex = currentColorIndex;
            while (randomColorIndex === currentColorIndex) {
                randomColorIndex = Math.floor(Math.random() * colors.length);
            }

// Update current color index and apply the new color to the square
            currentColorIndex = randomColorIndex;
            document.getElementById("square").style.backgroundColor = colors[currentColorIndex];
        }

// Function to handle taps on the square
        function handleTap() {
            changeColor();
        }

// Attach the handleTap function to the click event of the square
        document.getElementById("square").addEventListener("click", handleTap);

// Start the game
        changeColor();

// Provide visual feedback when tapping on the square
        document.getElementById("square").style.cursor = "pointer";

// Display the score
        document.body.innerHTML += "<p>Score: <span id='score'>" + score + "</span></p>";
    </script>
</body>
</html>
```