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

No:18456

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

Script

RPG Game

Status

Level: 0

HP: 10

MP: 5

Strength: 1

Magic: 1

Speed: 1

Luck: 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>RPG Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #status {
      margin-top: 50px;
    }
    
    button {
      padding: 10px 20px;
      font-size: 20px;
      margin: 10px;
    }
  </style>
</head>
<body>
  <h1>RPG Game</h1>
  
  <div id="status">
    <h2>Status</h2>
    <p><strong>Level:</strong> <span id="level">0</span></p>
    <p><strong>HP:</strong> <span id="hp">10</span></p>
    <p><strong>MP:</strong> <span id="mp">5</span></p>
    <p><strong>Strength:</strong> <span id="strength">1</span></p>
    <p><strong>Magic:</strong> <span id="magic">1</span></p>
    <p><strong>Speed:</strong> <span id="speed">1</span></p>
    <p><strong>Luck:</strong> <span id="luck">1</span></p>
  </div>

updateStatus();

// レベルアップボタンのクリックイベント
    document.getElementById('level-up').addEventListener('click', function() {
      level++;
      hp = Math.floor((hp + 10) * (1 + (level * 0.01)));
      mp = Math.floor((mp + 5) * (1 + (level * 0.01)));
      strength++;
      magic++;
      speed++;
      luck++;

updateStatus();
    });

// ステータスの更新
    function updateStatus() {
      document.getElementById('level').textContent = level;
      document.getElementById('hp').textContent = hp;
      document.getElementById('mp').textContent = mp;
      document.getElementById('strength').textContent = strength;
      document.getElementById('magic').textContent = magic;
      document.getElementById('speed').textContent = speed;
      document.getElementById('luck').textContent = luck;
    }
  </script>

<button id="level-up">Level Up</button>
</body>
</html>