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

No:10095

149

←

Prev Next

→

Experience boxes generate experience. Level Up is ..ALL
Developer User4467｜Date and time 23/7/29 1:22:40
Build time 18.184 sec｜Game capacity 1.55KB｜

Script

経験値ゲーム

経験値: 0

←

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>
  <style>
    body {
      text-align: center;
      font-size: 2rem;
    }
  </style>
</head>
<body>
  <h1>経験値ゲーム</h1>
  <div id="expBox">経験値: 0</div>
  <button id="levelUpBtn">レベルアップ</button>

const expBox = document.getElementById('expBox');
    const levelUpBtn = document.getElementById('levelUpBtn');

// 経験値を生成する関数
    function generateExp() {
      const exp = Math.floor(Math.random() * 10) + 1; // 1から10までのランダムな経験値を生成
      experience += exp;
      expBox.textContent = `経験値: ${experience}`;

checkLevelUp();
    }

// レベルアップ処理を行う関数
    function levelUp() {
      level++;
      expBox.textContent = `経験値: ${experience} (Level: ${level})`;

levelUpBtn.disabled = true;
      setTimeout(() => {
        levelUpBtn.disabled = false;
      }, 2000); // 2秒間ボタンを無効化

// レベルに応じてメッセージを表示
      let message = 'おめでとう！レベルアップしました！';
      if (level >= 5) {
        message += 'がんばってますね！';
      }
      alert(message);
    }

// レベルアップの判定を行う関数
    function checkLevelUp() {
      if (experience >= level) {
        levelUp();
      }
    }

levelUpBtn.addEventListener('click', generateExp);
  </script>
</body>
</html>