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

No:52106

705

←

Prev Next

→

Cute rock on my screen and it is tamagothi
Developer User21754｜Date and time 24/3/17 19:00:04
Build time 7.859 sec｜Game capacity 2.167KB｜

Script

Cute Rock Tamagotchi Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cute Rock Tamagotchi Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }

#rock {
            width: 150px;
            height: 150px;
            margin-top: 20px;
        }

#actions {
            margin-top: 20px;
        }
    </style>
</head>

<body>
    <h1>Cute Rock Tamagotchi Game</h1>
    <img src="rock.png" id="rock" alt="Rock">

<div id="actions">
        <button onclick="feedRock()">Feed Rock</button>
        <button onclick="cleanRock()">Clean Rock</button>
        <button onclick="playWithRock()">Play with Rock</button>
    </div>

function feedRock() {
            rockStatus.hunger--;
            updateRockStatus();
        }

function cleanRock() {
            rockStatus.dirtiness--;
            updateRockStatus();
        }

function playWithRock() {
            rockStatus.happiness++;
            updateRockStatus();
        }

function updateRockStatus() {
            if (rockStatus.hunger < -5 || rockStatus.dirtiness > 5 || rockStatus.happiness < -5) {
                alert("Your rock has left you. Game over.");
                location.reload();
            }

document.getElementById("rock").src = `rock_hungry${rockStatus.hunger * -10}.png`;

if (rockStatus.dirtiness > 0) {
                document.getElementById("rock").src = `rock_dirty${rockStatus.dirtiness * 10}.png`;
            }

if (rockStatus.happiness > 0) {
                document.getElementById("rock").src = "rock_happy.png";
            }
        }

setInterval(() => {
            rockStatus.hunger++;
            rockStatus.dirtiness++;
            updateRockStatus();
        }, 5000); // Update status every 5 seconds
    </script>
</body>

</html>