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

No:17782

(ステータス画面追加レベルアップボタン設置レベルアップボタンとレベルアップ×10、レベルアップ×..ALL
Developer User7784｜Date and time 23/9/24 15:37:41
Build time 39.085 sec｜Game capacity 4.092KB｜

Script

ゲーム

ステータス

Lv: 1

体力: 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">
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      .button {
        padding: 10px 20px;
        font-size: 18px;
        background-color: #008CBA;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
      }
      .status {
        margin-top: 20px;
        display: flex;
        justify-content: center;
      }
      .status-item {
        margin: 0 10px;
      }
      .levelup-buttons {
        margin-top: 20px;
        display: flex;
        justify-content: center;
      }
      .levelup-button {
        padding: 10px 20px;
        margin: 0 5px;
        font-size: 18px;
        background-color: #4CAF50;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>ゲーム</h1>
    <h2>ステータス</h2>
    <div class="status">
      <div class="status-item">Lv: <span id="level">1</span></div>
      <div class="status-item">体力: <span id="health">1</span></div>
      <div class="status-item">力: <span id="strength">1</span></div>
      <div class="status-item">速力: <span id="speed">1</span></div>
      <div class="status-item">運: <span id="luck">1</span></div>
    </div>
    <div class="levelup-buttons">
      <button class="levelup-button" id="levelup-x1">レベルアップ × 1</button>
      <button class="levelup-button" id="levelup-x10">レベルアップ × 10</button>
      <button class="levelup-button" id="levelup-x100">レベルアップ × 100</button>
      <button class="levelup-button" id="levelup-x1000">レベルアップ × 1000</button>
      <button class="levelup-button" id="levelup-x9999">レベルアップ × 9999</button>
    </div>

// レベルアップ処理
      function levelUp() {
        level++;
        if (level % 5 === 0) {
          health *= 2;
          strength *= 2;
          speed *= 2;
          luck *= 2;
        } else if (level % 10 === 0) {
          health *= 2;
          strength *= 2;
          speed *= 2;
          luck *= 2;
        } else {
          health++;
          strength++;
          speed++;
          luck++;
        }
        updateStatus();
      }

// ステータスを更新
      function updateStatus() {
        document.getElementById("level").textContent = level;
        document.getElementById("health").textContent = health;
        document.getElementById("strength").textContent = strength;
        document.getElementById("speed").textContent = speed;
        document.getElementById("luck").textContent = luck;
      }

// レベルアップ × 1 ボタンのクリックイベントリスナー
      document.getElementById("levelup-x1").addEventListener("click", function() {
        levelUp();
      });

// レベルアップ × 10 ボタンのクリックイベントリスナー
      document.getElementById("levelup-x10").addEventListener("click", function() {
        for (let i = 0; i < 10; i++) {
          levelUp();
        }
      });

// レベルアップ × 100 ボタンのクリックイベントリスナー
      document.getElementById("levelup-x100").addEventListener("click", function() {
        for (let i = 0; i < 100; i++) {
          levelUp();
        }
      });

// レベルアップ × 1000 ボタンのクリックイベントリスナー
      document.getElementById("levelup-x1000").addEventListener("click", function() {
        for (let i = 0; i < 1000; i++) {
          levelUp();
        }
      });

// レベルアップ × 9999 ボタンのクリックイベントリスナー
      document.getElementById("levelup-x9999").addEventListener("click", function() {
        for (let i = 0; i < 9999; i++) {
          levelUp();
        }
      });

// 初期表示
      updateStatus();
    </script>
  </body>
</html>