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

No:36571

←

Prev Next

→

Raise a pet simulator
Developer User16822｜Date and time 24/1/17 23:33:17
Build time 16.146 sec｜Game capacity 3.395KB｜

Script

Pet Simulator

Happy

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Pet Simulator</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        
        #petContainer {
            text-align: center;
            margin-top: 30px;
        }
        
        #petImage {
            width: 200px;
            height: 200px;
        }
        
        #interactionButtons {
            text-align: center;
            margin-top: 30px;
        }
        
        .button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            margin: 5px;
        }
    </style>
</head>
<body>
    <h1>Pet Simulator</h1>
    <div id="petContainer">
        <img id="petImage" src="https://example.com/pet.png" alt="Pet">
        <h2 id="petStatus">Happy</h2>
    </div>
    <div id="interactionButtons">
        <button class="button" onclick="feedPet()">Alimentar</button>
        <button class="button" onclick="playWithPet()">Jugar</button>
        <button class="button" onclick="sleepPet()">Dormir</button>
    </div>

// Function to update pet's status
        function updateStatus() {
            var petStatus = document.getElementById("petStatus");
            petStatus.innerHTML = "Felicidad: " + pet.happiness + " | Energía: " + pet.energy + " | Hambre: " + pet.hunger;
        }

// Function to update pet's image
        function updateImage() {
            var petImage = document.getElementById("petImage");
            petImage.src = pet.image;
        }

// Function to feed the pet
        function feedPet() {
            if (pet.hunger < 100) {
                pet.hunger += 20;
                pet.energy -= 10;

if (pet.hunger > 100) {
                    pet.hunger = 100;
                }

if (pet.energy < 0) {
                    pet.energy = 0;
                }

updateStatus();
                updateImage();
            }
        }

// Function to play with the pet
        function playWithPet() {
            if (pet.happiness < 100 && pet.energy >= 20) {
                pet.happiness += 20;
                pet.energy -= 20;

if (pet.happiness > 100) {
                    pet.happiness = 100;
                }

if (pet.energy < 0) {
                    pet.energy = 0;
                }

updateStatus();
                updateImage();
            }
        }

// Function to put the pet to sleep
        function sleepPet() {
            if (pet.energy < 100) {
                pet.energy += 20;
                pet.happiness -= 10;

if (pet.energy > 100) {
                    pet.energy = 100;
                }

if (pet.happiness < 0) {
                    pet.happiness = 0;
                }

updateStatus();
                updateImage();
            }
        }

// Initial pet update
        updateStatus();
        updateImage();
    </script>
</body>
</html>