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

No:10910

109

←

Prev Next

→

You need to feed your monster that you can name fo..ALL
Developer User4715｜Date and time 23/8/5 20:30:53
Build time 15.893 sec｜Game capacity 1.654KB｜

Script

Monster Feeding Game

Monster's Needs

Hunger: 0

Thirst: 0

Poop: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Monster Feeding Game</title>
</head>
<body>
    <h1>Monster Feeding Game</h1>

<div id="feedSection">
        <h2>Monster's Needs</h2>

<button onclick="feed()">Feed</button>
        <button onclick="giveWater()">Give Water</button>
        <button onclick="cleanPoop()">Clean Poop</button>

<h3 id="hungerLevel">Hunger: 0</h3>
        <h3 id="thirstLevel">Thirst: 0</h3>
        <h3 id="poopLevel">Poop: 0</h3>
    </div>

function feed() {
            hunger++;
            updateNeeds();
        }

function giveWater() {
            thirst++;
            updateNeeds();
        }

function cleanPoop() {
            poop++;
            updateNeeds();
        }

function updateNeeds() {
            document.getElementById("hungerLevel").innerText = "Hunger: " + hunger;
            document.getElementById("thirstLevel").innerText = "Thirst: " + thirst;
            document.getElementById("poopLevel").innerText = "Poop: " + poop;

checkMonsterState();
        }

function checkMonsterState() {
            if (hunger >= 5 || thirst >= 5 || poop >= 5) {
                document.getElementById("monsterImage").src = "monster_sad.png";
                gameOver();
            }
        }

function gameOver() {
            document.getElementById("feedSection").innerHTML = "<h2>Game Over!</h2>";
        }
    </script>
</body>
</html>