AI game creator

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

No:39299

←

Prev Next

→

Ein monster
Developer User17592｜Date and time 24/1/27 22:40:29
Build time 15.21 sec｜Game capacity 2.807KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Monster’s Game</title>
  <style>
    #game-container {
      text-align: center;
      margin-top: 20vh;
    }
    #monster-img {
      width: 200px;
      height: auto;
    }
    #action-container {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
    .action-button {
      margin: 0 10px;
      padding: 10px 20px;
      background-color: #79c72f;
      border: none;
      color: white;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }
    #result {
      margin-top: 20px;
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <img id="monster-img" src="monster.png" alt="Monster">
    <div id="action-container">
      <button class="action-button" onclick="attack()">Angreifen</button>
      <button class="action-button" onclick="defend()">Verteidigen</button>
    </div>
    <div id="result"></div>
  </div>

// Function to randomly select monster action
    function getRandomAction() {
      const actions = ['angreifen', 'verteidigen'];
      const randomIndex = Math.floor(Math.random() * actions.length);
      return actions[randomIndex];
    }

// Function to update the game state
    function updateGameState(monsterAction) {
      if (monsterAction === 'angreifen') {
        const playerDamage = Math.floor(Math.random() * 10) + 1;
        playerHealth -= playerDamage;
        document.getElementById('result').innerText = `Das Monster hat zugeschlagen und dir ${playerDamage} Schaden zugefügt.`;
      } else if (monsterAction === 'verteidigen') {
        const monsterHeal = Math.floor(Math.random() * 10) + 1;
        monsterHealth += monsterHeal;
        document.getElementById('result').innerText = `Das Monster hat sich verteidigt und sich um ${monsterHeal} geheilt.`;
      }

if (playerHealth <= 0) {
        endGame('Monster');
      } else if (monsterHealth <= 0) {
        endGame('Spieler');
      }
    }

// Function to end the game
    function endGame(winner) {
      const actionButtons = document.getElementsByClassName('action-button');
      for (let i = 0; i < actionButtons.length; i++) {
        actionButtons[i].disabled = true;
      }
      document.getElementById('result').innerText = `Das Spiel ist vorbei! ${winner} hat gewonnen!`;
    }

// Function to trigger player attack
    function attack() {
      const monsterAction = getRandomAction();
      updateGameState(monsterAction);
    }

// Function to trigger player defense
    function defend() {
      const monsterAction = getRandomAction();
      updateGameState(monsterAction);
    }
  </script>
</body>
</html>