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

No:40150

A game querer You send cats to fight the evil anim..ALL
Developer User17986｜Date and time 24/2/1 7:36:48
Build time 10.621 sec｜Game capacity 2.463KB｜

Script

A Batalha dos Gatos

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>A Batalha dos Gatos</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    h1 {
      color: #333;
      margin-top: 50px;
    }

img {
      width: 100px;
      height: 100px;
      margin: 20px;
      cursor: pointer;
    }

#battlefield {
      display: flex;
      justify-content: center;
      margin-top: 50px;
    }
    
    #outcome {
      margin-top: 30px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>A Batalha dos Gatos</h1>
  <div id="battlefield">
    <img src="cat.png" alt="Cat" id="cat" onclick="sendCat()" />
    <img src="evil_animal1.png" alt="Evil Animal 1" id="evil_animal1" onclick="fight('animal1')" />
    <img src="evil_animal2.png" alt="Evil Animal 2" id="evil_animal2" onclick="fight('animal2')" />
  </div>
  <div id="outcome"></div>

function sendCat() {
      var catImage = document.getElementById('cat');
      var outcomeDisplay = document.getElementById('outcome');

catImage.style.visibility = 'hidden';
      outcomeDisplay.innerText = "Um gato corajoso foi enviado para a batalha!";

setTimeout(function() {
        catImage.style.visibility = 'visible';
        outcomeDisplay.innerText = "";
      }, 2000);
    }

function fight(animal) {
      var catImage = document.getElementById('cat');
      var outcomeDisplay = document.getElementById('outcome');
      var evilAnimalImage = document.getElementById('evil_' + animal);

if (catHealth <= 0) {
        outcomeDisplay.innerText = "Seu gato está muito ferido para lutar!";
        return;
      }

if (animal === 'animal1') {
        evilAnimal1Health -= 10;
        if (evilAnimal1Health <= 0) {
          evilAnimalImage.style.visibility = 'hidden';
          outcomeDisplay.innerText = "Você venceu o animal 1!";
          return;
        }
      } else if (animal === 'animal2') {
        evilAnimal2Health -= 10;
        if (evilAnimal2Health <= 0) {
          evilAnimalImage.style.visibility = 'hidden';
          outcomeDisplay.innerText = "Você venceu o animal 2!";
          return;
        }
      }

catHealth -= 10;
      if (catHealth <= 0) {
        catImage.style.visibility = 'hidden';
        outcomeDisplay.innerText = "Seu gato foi derrotado!";
      }
    }
  </script>
</body>
</html>