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

No:44891

モンスターの攻撃をガードボタンでガードし攻撃ボタンで攻撃する
Developer User19503｜Date and time 24/2/19 16:41:27
Build time 6.365 sec｜Game capacity 1.643KB｜

Script

Monster Battle Game

Monster HP: 100

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Monster Battle Game</title>
<style>
  body {
    text-align: center;
    padding-top: 50px;
  }
  button {
    font-size: 20px;
    padding: 10px 20px;
    margin: 10px;
  }
</style>
</head>
<body>
<h1>Monster Battle Game</h1>
<div>
  <h2>Monster HP: <span id="monsterHP">100</span></h2>
  <button onclick="guard()">Guard</button>
  <button onclick="attack()">Attack</button>
</div>
<script>
  let monsterHP = 100;
  
  function guard() {
    let damage = Math.floor(Math.random() * 5) + 1;
    monsterHP -= damage;
    document.getElementById("monsterHP").innerText = monsterHP;
    alert(`You guarded and took ${damage} damage!`);
    checkGameOver();
  }
  
  function attack() {
    let damage = Math.floor(Math.random() * 10) + 1;
    monsterHP -= damage;
    document.getElementById("monsterHP").innerText = monsterHP;
    alert(`You attacked and dealt ${damage} damage!`);
    checkGameOver();
  }
  
  function checkGameOver() {
    if (monsterHP <= 0) {
      alert("Congratulations! You defeated the monster!");
      location.reload();
    } else {
      let monsterDamage = Math.floor(Math.random() * 10) + 1;
      alert(`The monster attacked and dealt ${monsterDamage} damage!`);
      setTimeout(() => {
        monsterHP -= monsterDamage;
        document.getElementById("monsterHP").innerText = monsterHP;
        if (monsterHP <= 0) {
          alert("Game over! The monster defeated you...");
          location.reload();
        }
      }, 1000);
    }
  }
</script>
</body>
</html>