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

No:15026

Adopt me you have a pet cat press the cat to name ..ALL
Developer User6472｜Date and time 23/9/5 20:15:18
Build time 37.321 sec｜Game capacity 4.239KB｜

Script

Sure! Here's an example of a game where you can adopt a pet cat and collect random pets from eggs by clicking on them:

Adopt a Pet Cat!

Click on the cat to give it a name!

Your Pets:

In this game, you can click on the cat image to give it a name, and it will display the name and the date when it was bred. Additionally, there are 10 eggs displayed on the screen, and each time you click on an egg, a random pet will appear and be added to the list of collected pets. The pets are displayed as images below the egg container. Please note that you'll need to have the corresponding image files ("emozi_all/cat.png", "emozi_all/dog.png", "emozi_all/fish.png", "emozi_all/bird.png") available in the same directory as the HTML file for the pet images to display correctly.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a game where you can adopt a pet cat and collect random pets from eggs by clicking on them:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pet Adoption Game</title>
    <style>
        body {
            background-color: lightblue;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #cat {
            width: 100px;
            height: 100px;
            margin-top: 20px;
            cursor: pointer;
        }
        #petList {
            margin-top: 20px;
        }
        .egg {
            display: inline-block;
            width: 80px;
            height: 80px;
            margin: 10px;
            padding: 10px;
            border-radius: 50%;
            background-color: #e6d5b8;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Adopt a Pet Cat!</h1>
    <div>
        <img id="cat" src="cat.png" alt="Cat Image">
    </div>
    <h3 id="catName">Click on the cat to give it a name!</h3>
    <h3 id="breedDate"></h3>
    <div id="petList"></div>
    <h2>Your Pets:</h2>
    <div id="petContainer"></div>

// Array of available pets
        const petSpecies = [
          "cat",
          "dog",
          "fish",
          "bird"
        ];

// Get random pet species
        function getRandomPetSpecies() {
            const randomIndex = Math.floor(Math.random() * petSpecies.length);
            return petSpecies[randomIndex];
        }

// Get image source based on pet species
        function getPetImage(species) {
            return species + ".png";
        }

// Function to update the pet list in UI
        function updatePetList() {
            const petListContainer = document.getElementById("petContainer");
            petListContainer.innerHTML = "";
            for (let i = 0; i < petList.length; i++) {
                const pet = petList[i];
                const petImg = document.createElement("img");
                petImg.src = pet.imgSrc;
                petImg.title = `Name: ${pet.name}, Species: ${pet.species}`;
                petImg.width = 80;
                petListContainer.appendChild(petImg);
            }
        }

// Adopt pet cat
        let catName = "";
        let catBreedDate = "";
        const catImage = document.getElementById("cat");

catImage.addEventListener("click", function() {
            catName = prompt("Give your pet cat a name:");
            const currentDateTime = new Date().toLocaleString();
            catBreedDate = `Breed Date: ${currentDateTime}`;
            document.getElementById("catName").textContent = `Name: ${catName}`;
            document.getElementById("breedDate").textContent = catBreedDate;
        });

// Collect random pets from eggs
        const petList = [];

const eggContainer = document.getElementById("petList");
        const eggs = 10;

for (let i = 1; i <= eggs; i++) {
            const egg = document.createElement("div");
            egg.className = "egg";
            egg.textContent = `Egg ${i}`;
            egg.addEventListener("click", function() {
                const randomSpecies = getRandomPetSpecies();
                const pet = new Pet(`Pet ${i}`, randomSpecies);
                petList.push(pet);
                updatePetList();
            });
            eggContainer.appendChild(egg);
        }
    </script>
</body>
</html>
```

Please note that you'll need to have the corresponding image files ("cat.png", "dog.png", "fish.png", "bird.png") available in the same directory as the HTML file for the pet images to display correctly.