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

No:18451

ステータス画面、Lv、HP、MP、力、魔力、速力、運を追加初期値→Lv1、HP10、MP5、力1、..ALL
Developer User8168｜Date and time 23/9/29 14:40:06
Build time 28.703 sec｜Game capacity 1.853KB｜

Script

ゲーム

ステータス

Lv: 1

HP: 10

MP: 5

力: 1

魔力: 1

速力: 1

運: 1

←

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>
  
  <div id="status">
    <h2>ステータス</h2>
    <p>Lv: <span id="lv">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>
  </div>
  
  <button id="levelUpButton">Lvアップ</button>
  
  <script>
    // レベルアップボタンのクリックイベントのリスナーを追加
    document.getElementById("levelUpButton").addEventListener("click", levelUp);
    
    // 初期ステータス設定
    var lv = 1;
    var hp = 10;
    var mp = 5;
    var power = 1;
    var magic = 1;
    var speed = 1;
    var luck = 1;
    
    // ステータス表示の更新
    function updateStatus() {
      document.getElementById("lv").textContent = lv;
      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;
    }
    
    // レベルアップ処理
    function levelUp() {
      lv++;
      hp = Math.floor(hp * (1 + (lv * 0.01)));
      mp = Math.floor(mp * (1 + (lv * 0.01)));
      power = Math.floor(power * (1 + (lv * 0.01)));
      magic = Math.floor(magic * (1 + (lv * 0.01)));
      speed = Math.floor(speed * (1 + (lv * 0.01)));
      luck = Math.floor(luck * (1 + (lv * 0.01)));
      
      updateStatus();
    }
    
    // 初期ステータス表示の更新
    updateStatus();
  </script>
</body>
</html>