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

No:47937

Bina, Zia, Mia, Yiana & Gila's Growing Contest
Developer User20657｜Date and time 24/3/1 5:38:55
Build time 9.675 sec｜Game capacity 1.865KB｜

Script

Конкурс на выращивание растений

Саженец

Баллы: 0

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Конкурс на выращивание растений</title>
<style>
    body {
        text-align: center;
    }
    #game-screen {
        width: 300px;
        margin: 0 auto;
    }
</style>
</head>
<body>
    <h1>Конкурс на выращивание растений</h1>
    <div id="game-screen">
        <img src="watering-can.png" id="watering-can" onclick="waterPlant()">
        <img src="sun.png" id="sun" onclick="sunPlant()">
        <img src="soil.png" id="soil" onclick="soilPlant()">
        <img src="plant.png" id="plant">
        <p id="plant-status">Саженец</p>
        <p id="score">Баллы: 0</p>
    </div>
    <script>
        let plantStatus = "Саженец";
        let score = 0;

function waterPlant() {
            if (plantStatus === "Саженец") {
                plantStatus = "Маленькое растение";
                document.getElementById("plant").src = "small-plant.png";
            }
            updateGame();
        }

function sunPlant() {
            if (plantStatus === "Маленькое растение") {
                plantStatus = "Крупное растение";
                document.getElementById("plant").src = "big-plant.png";
            }
            updateGame();
        }

function soilPlant() {
            if (plantStatus === "Крупное растение") {
                plantStatus = "Урожай";
                document.getElementById("plant").src = "harvest.png";
                score += 10;
            }
            updateGame();
        }

function updateGame() {
            document.getElementById("plant-status").innerText = plantStatus;
            document.getElementById("score").innerText = "Баллы: " + score;
        }
    </script>
</body>
</html>