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

No:1656

3063

←

Prev Next

→

Ninjutsu Battle
Developer User3494｜Date and time 23/6/18 21:08:58
Build time 35.502 sec｜Game capacity 3.462KB｜

Script

忍術バトル

遊び方: 攻撃方法を選び、敵にダメージを与えましょう！

プレイヤー

HP: 100

敵

HP: 100

←

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>忍術バトル</title>
    <style>
      body {
        font-family: "Segoe UI Emoji", sans-serif;
        text-align: center;
      }

#player, #enemy {
        display: inline-block;
        margin: 10px;
        padding: 10px;
        border: 2px solid black;
        border-radius: 10px;
      }

#player img, #enemy img {
        height: 150px;
      }

#result {
        font-size: 2em;
        margin-top: 20px;
      }

.emoji {
        font-size: 3em;
        margin: 10px;
      }

button {
        margin-top: 20px;
        padding: 10px;
        border-radius: 10px;
        background-color: #4caf50;
        color: white;
        font-size: 1.2em;
        border: none;
        cursor: pointer;
        outline: none;
      }
    </style>
  </head>
  <body>
    <h1>忍術バトル</h1>
    <p>遊び方: 攻撃方法を選び、敵にダメージを与えましょう！</p>

<div id="player">
      <h2>プレイヤー</h2>
      <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/279/ninja_1f977.png" />
      <p>HP: <span id="player-hp">100</span></p>
    </div>

function attack(type) {
        let damage;

switch (type) {
          case "slash":
            damage = Math.floor(Math.random() * 10) + 10;
            document.getElementById("result").innerHTML = "プレイヤーは斬撃を繰り出した！";
            break;
          case "fire":
            damage = Math.floor(Math.random() * 20) + 5;
            document.getElementById("result").innerHTML = "プレイヤーは火遁の術を使った！🔥";
            break;
          case "water":
            damage = Math.floor(Math.random() * 5) + 30;
            document.getElementById("result").innerHTML = "プレイヤーは水遁の術を使った！💧";
            break;
        }

document.getElementById("enemy-hp").innerHTML = enemyHp - damage;
        enemyHp -= damage;

if (enemyHp <= 0) {
          document.getElementById("result").innerHTML = "敵を倒した！🎉";
          document.getElementsByTagName("button")[0].disabled = true;
          document.getElementsByTagName("button")[1].disabled = true;
          document.getElementsByTagName("button")[2].disabled = true;
        } else {
          let enemyDamage = Math.floor(Math.random() * 10) + 5;
          document.getElementById("player-hp").innerHTML = playerHp - enemyDamage;
          playerHp -= enemyDamage;

if (playerHp <= 0) {
            document.getElementById("result").innerHTML = "プレイヤーは倒れた...😢";
            document.getElementsByTagName("button")[0].disabled = true;
            document.getElementsByTagName("button")[1].disabled = true;
            document.getElementsByTagName("button")[2].disabled = true;
          }
        }
      }
    </script>
  </body>
</html>