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

No:42467

←

Prev Next

→

Grow a flower
Developer User18785｜Date and time 24/2/11 20:19:53
Build time 3.941 sec｜Game capacity 1.084KB｜

Script

Grow a Flower Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Grow a Flower Game</title>
</head>
<body>

<h1>Grow a Flower Game</h1>
<div id="container">
    <img id="flower" src="flower.png" alt="Flower" width="150" height="150">
    <button id="waterBtn">Water</button>
</div>

// Attach event listener to the water button
    var waterBtn = document.getElementById("waterBtn");
    waterBtn.addEventListener("click", waterFlower);

// Function called when the user clicks the water button
    function waterFlower() {
        waterLevel++;
        flowerSize += 20;
        document.getElementById("flower").style.width = flowerSize + "px";
        document.getElementById("flower").style.height = flowerSize + "px";

if (waterLevel >= 3) {
            // The flower has fully grown
            waterBtn.removeEventListener("click", waterFlower);
            waterBtn.disabled = true;
            alert("Congratulations! Your flower has fully grown.");
        }
    }
</script>

</body>
</html>