Eat a broccoli and you win's game

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

No:36810

←

Prev Next

→

Eat a broccoli and you win
Developer User16826｜Date and time 24/1/18 13:15:08
Build time 9.661 sec｜Game capacity 2.268KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. The game can be played on a smartphone and uses pictograms. The goal is to eat a broccoli to win the game:

To run this game, save the code as a `.html` file and open it in your web browser. You should see a broccoli image, and when you click on it, a message will appear saying "Congratulations! You've eaten a broccoli and won the game!". If you try clicking it again, the message will change to "You've already eaten the broccoli and won!" indicating that the game is finished.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
            margin: 0;
            padding: 0;
        }

#game-container {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

#broccoli {
            width: 100px;
        }

#message {
            margin-top: 20px;
            font-size: 24px;
            color: #ff0000;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <img id="broccoli" src="broccoli.png" alt="Broccoli">
    </div>
    <div id="message"></div>

// Track whether broccoli has been eaten
            var isBroccoliEaten = false;

// Function to handle broccoli click event
            function eatBroccoli() {
                // Check if broccoli has been eaten already
                if (isBroccoliEaten) {
                    message.textContent = "You've already eaten the broccoli and won!";
                } else {
                    message.textContent = "Congratulations! You've eaten a broccoli and won the game!";
                    isBroccoliEaten = true;
                }
            }

// Add event listener for broccoli click
            broccoli.addEventListener("click", eatBroccoli);
        });
    </script>
</body>
</html>
```