AI game creator

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

No:43660

123

←

Prev Next

→

Undertale fight
Developer User19184｜Date and time 24/2/16 6:15:06
Build time 14.817 sec｜Game capacity 3.831KB｜

Script

Player

Enemy

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Undertale Fight</title>
  <style>
    body {
      background-color: #000;
      color: #FFF;
      text-align: center;
      font-family: Arial, sans-serif;
    }

#battle-container {
      padding: 20px;
      width: 400px;
      margin: 0 auto;
      border: 2px solid #FFF;
    }

#player, #enemy {
      margin-top: 20px;
      font-size: 24px;
    }

#battle-container img {
      width: 100px;
      height: 100px;
      margin: 10px;
    }

#action-container {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }

.action-button {
      width: 100px;
      height: 40px;
      margin: 10px;
      font-size: 16px;
      text-align: center;
      background-color: #FFF;
      border: none;
      border-radius: 4px;
    }

#message {
      margin-top: 20px;
      font-size: 18px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="battle-container">
    <div id="player">Player</div>
    <img src="player.png" alt="Player">
    <div id="enemy">Enemy</div>
    <img src="enemy.png" alt="Enemy">
    <div id="action-container">
      <button class="action-button" onclick="attack()">Atacar</button>
      <button class="action-button" onclick="defend()">Defender</button>
      <button class="action-button" onclick="heal()">Curar</button>
    </div>
    <div id="message"></div>
  </div>

function attack() {
      var playerAttack = Math.floor(Math.random() * 20) + 10;
      var enemyAttack = Math.floor(Math.random() * 20) + 10;

enemyHealth -= playerAttack;

if (enemyHealth <= 0) {
        document.getElementById("message").innerHTML = "¡Has ganado!";
        document.querySelectorAll(".action-button").forEach(function(button) {
          button.disabled = true;
        });
        return;
      }

playerHealth -= enemyAttack;

if (playerHealth <= 0) {
        document.getElementById("message").innerHTML = "¡Has perdido!";
        document.querySelectorAll(".action-button").forEach(function(button) {
          button.disabled = true;
        });
        return;
      }

document.getElementById("message").innerHTML = "Has realizado " + playerAttack +
        " puntos de daño. El enemigo ha realizado " + enemyAttack + " puntos de daño.";

document.getElementById("player").innerHTML = "Jugador (" + playerHealth + " HP)";
      document.getElementById("enemy").innerHTML = "Enemigo (" + enemyHealth + " HP)";
    }

function defend() {
      var enemyAttack = Math.floor(Math.random() * 10) + 5;
      enemyAttack = Math.floor(enemyAttack / 2);

playerHealth -= enemyAttack;

document.getElementById("message").innerHTML = "Te has defendido. El enemigo ha realizado " +
        enemyAttack + " puntos de daño.";

document.getElementById("player").innerHTML = "Jugador (" + playerHealth + " HP)";
      document.getElementById("enemy").innerHTML = "Enemigo (" + enemyHealth + " HP)";
    }

function heal() {
      var playerHeal = Math.floor(Math.random() * 20) + 10;

playerHealth += playerHeal;

if (playerHealth > 100) {
        playerHealth = 100;
      }

document.getElementById("message").innerHTML = "Te has curado " + playerHeal + " puntos.";

document.getElementById("player").innerHTML = "Jugador (" + playerHealth + " HP)";
      document.getElementById("enemy").innerHTML = "Enemigo (" + enemyHealth + " HP)";
    }
  </script>
</body>
</html>