AI game creator

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

No:10648

←

Prev Next

→

waterpositive
Developer User4477｜Date and time 23/8/1 14:31:18
Build time 14.911 sec｜Game capacity 1.72KB｜

Script

了解です。以下にウォーターポジティブというゲームの実装例を示します。

🌊

Click to drink!

このプログラムは、ウォーターポジティブというゲームで、クリックすることで水を飲むことができます。クリックすると、メッセージが変化していきます。ウォーターポジティブになるために、たくさんの水を飲んでください！

←

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>ウォーターポジティブ</title>
    <style>
        body {
            text-align: center;
        }
        #container {
            margin-top: 150px;
        }
        #water {
            font-size: 50px;
            padding: 20px;
        }
        #message {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="water">🌊</div>
        <div id="message">Click to drink!</div>
    </div>
    
    <script>
        var waterElement = document.getElementById("water");
        var messageElement = document.getElementById("message");
        var drankAmount = 0;
        
        waterElement.addEventListener("click", function() {
            drankAmount++;
            if (drankAmount === 1) {
                messageElement.textContent = "Feeling refreshed!";
            } else if (drankAmount === 2) {
                messageElement.textContent = "Stay hydrated!";
            } else if (drankAmount === 3) {
                messageElement.textContent = "Keep drinking!";
            } else {
                messageElement.textContent = "You are a water champion!";
            }
        });
    </script>
</body>
</html>
```