AI game creator

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

No:12590

←

Prev Next

→

Beat Em’ Up
Developer User4714｜Date and time 23/8/20 6:18:19
Build time 9.948 sec｜Game capacity 2.705KB｜

Script

Attack

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Beat Em' Up Game</title>
  <style>
    #gameContainer {
      width: 100%;
      height: 80vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: red;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    #enemy {
      width: 30px;
      height: 30px;
      background-color: blue;
      position: absolute;
      bottom: 0;
      right: 50%;
      transform: translateX(50%);
    }
    #attackButton {
      width: 120px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: green;
      color: white;
      font-weight: bold;
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      cursor: pointer;
    }
    #score {
      position: absolute;
      top: 20px;
      right: 20px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="gameContainer">
    <div id="player"></div>
    <div id="enemy"></div>
    <div id="attackButton">Attack</div>
  </div>

<div id="score">Score: 0</div>

// Select game elements
    const playerElement = document.getElementById("player");
    const enemyElement = document.getElementById("enemy");
    const attackButton = document.getElementById("attackButton");
    const scoreElement = document.getElementById("score");

// Function to update game score
    function updateScore() {
      scoreElement.textContent = "Score: " + score;
    }

// Function to update player and enemy health display
    function updateHealth() {
      playerElement.style.height = playerHealth + "px";
      enemyElement.style.height = enemyHealth + "px";
    }

// Function to handle player attack
    function playerAttack() {
      const playerDamage = Math.floor(Math.random() * 10) + 5;
      const enemyDamage = Math.floor(Math.random() * 15) + 5;

enemyHealth -= playerDamage;
      playerHealth -= enemyDamage;

if (enemyHealth <= 0) {
        score++;
        enemyHealth = 100;
      }
      if (playerHealth <= 0) {
        alert("Game Over! Your score: " + score);
        score = 0;
        playerHealth = 100;
        enemyHealth = 100;
      }

updateScore();
      updateHealth();
    }

// Event listener for attack button click
    attackButton.addEventListener("click", playerAttack);

// Initialize game
    updateScore();
    updateHealth();
  </script>
</body>
</html>