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

No:6998

183

←

Prev Next

→

Tap on a cat to pet it. You can purchase an “Auto-..ALL
Developer User3943｜Date and time 23/7/4 22:25:46
Build time 26.324 sec｜Game capacity 3.375KB｜

Script

Sure! Here's a sample game implemented as a single HTML file using JavaScript. Please note that the game mechanics are based on your requirements, but it's a basic implementation that can be further enhanced.

Pet the Cats Game

Pets: 0

Pets per second: 0

In this game, you can tap on the cat image to pet it and increase the pet count. You can buy an "Auto-Petter" with 10 pets, which will automatically pet once every 0.5 seconds. The number of Auto-Petters and the pets per second are displayed. You can then purchase a "Pet Sitter" with 100 pets, which increases the pets per second based on the number of Pet Sitters you own. Lastly, you can buy an "Auto-Petter+" with 1000 pets, which doubles the amount of pets the Auto-Petter provides per second. Note: Make sure to replace `'emozi_all/cat.png'` with the actual path to your cat image.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pet the Cats Game</title>
  <style>
    .cat {
      width: 100px;
      height: 100px;
      margin: 10px;
      display: inline-block;
      background: url('cat.png') no-repeat center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Pet the Cats Game</h1>
  <p>Pets: <span id="petCount">0</span></p>
  <p>Pets per second: <span id="petPerSecond">0</span></p>
  <button id="buyAutoPetter" onclick="buyAutoPetter()">Buy Auto-Petter (10 pets)</button>
  <button id="buyPetSitter" onclick="buyPetSitter()">Buy Pet Sitter (100 pets)</button>
  <button id="buyAutoPetterPlus" onclick="buyAutoPetterPlus()">Buy Auto-Petter+ (1000 pets)</button>

const catContainer = document.body;
    const petCountElement = document.getElementById("petCount");
    const petPerSecondElement = document.getElementById("petPerSecond");
    const buyAutoPetterButton = document.getElementById("buyAutoPetter");
    const buyPetSitterButton = document.getElementById("buyPetSitter");
    const buyAutoPetterPlusButton = document.getElementById("buyAutoPetterPlus");

function petCat() {
      pets++;
      petCountElement.innerText = pets;

if (autoPetterPlus) {
        pets += autoPetters * 2;
        petCountElement.innerText = pets;
      }
    }

function buyPetSitter() {
      if (pets >= 100) {
        pets -= 100;
        petSitters++;
        buyPetSitterButton.innerText = `Buy Pet Sitter (${100 * (petSitters + 1)} pets)`;
      }
    }

function buyAutoPetterPlus() {
      if (pets >= 1000 && !autoPetterPlus) {
        pets -= 1000;
        autoPetterPlus = true;
        buyAutoPetterPlusButton.disabled = true;
        buyAutoPetterPlusButton.innerText = "Auto-Petter+ already purchased";
      }
    }

function startAutoPetters() {
      setInterval(function() {
        pets += autoPetters;
        petCountElement.innerText = pets;
      }, 500);

setInterval(function() {
        petsPerSecond = autoPetters * 2;
        petPerSecondElement.innerText = petsPerSecond;
      }, 1000);
    }

catContainer.addEventListener("click", petCat);
  </script>
</body>
</html>
```

Note: Make sure to replace `'cat.png'` with the actual path to your cat image.