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

No:18439

ステータス画面追加 Lvをステータスに追加 HP、MP、力、魔力、速力、運をステータスに追加 HPの..ALL
Developer User8168｜Date and time 23/9/29 14:25:46
Build time 34.736 sec｜Game capacity 2.181KB｜

Script

ゲーム

ステータス

Lv: 1

HP: 10

MP: 5

力: 1

魔力: 1

速力: 1

運: 1

Lvアップの実生成

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ゲーム</title>
</head>
<body>
  <h1>ゲーム</h1>
  
  <h2>ステータス</h2>
  <p>Lv: <span id="level">1</span></p>
  <p>HP: <span id="hp">10</span></p>
  <p>MP: <span id="mp">5</span></p>
  <p>力: <span id="power">1</span></p>
  <p>魔力: <span id="magic">1</span></p>
  <p>速力: <span id="speed">1</span></p>
  <p>運: <span id="luck">1</span></p>
  
  <h2>Lvアップの実生成</h2>
  <button onclick="generate(1)">×1</button>
  <button onclick="generate(10)">×10</button>
  <button onclick="generate(100)">×100</button>
  <button onclick="generate(1000)">×1000</button>
  <button onclick="generate(10000)">×10000</button>
  
  <script>
    let level = 1;
    let hp = 10;
    let mp = 5;
    let power = 1;
    let magic = 1;
    let speed = 1;
    let luck = 1;

// ステータスの更新
    function updateStatus() {
      document.getElementById("level").textContent = level;
      document.getElementById("hp").textContent = hp;
      document.getElementById("mp").textContent = mp;
      document.getElementById("power").textContent = power;
      document.getElementById("magic").textContent = magic;
      document.getElementById("speed").textContent = speed;
      document.getElementById("luck").textContent = luck;
    }

// Lvアップの実生成
    function generate(amount) {
      const requiredMP = amount * magic;
      
      // MPが足りない場合は実生成しない
      if (mp < requiredMP) {
        alert("MPが足りません");
        return;
      }
      
      // 実生成処理
      mp -= requiredMP;
      hp += amount;
      
      // 上限を超えないようにする
      if (hp > 99) {
        hp = 99;
      }
      
      // ステータスを更新
      updateStatus();
    }

// MPの自動回復
    setInterval(function() {
      mp += Math.ceil(mp * 0.2);
      
      // MPの上限を超えないようにする
      if (mp > 99) {
        mp = 99;
      }
      
      // ステータスを更新
      updateStatus();
    }, 1000);

// 初回ステータスの更新
    updateStatus();
  </script>
</body>
</html>