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

No:18445

AIが考えたLvアップゲーム指定→ステータス画面追加、Lv追加、HP、MP、力、魔力、速力、運を..ALL
Developer User8168｜Date and time 23/9/29 14:32:59
Build time 35.663 sec｜Game capacity 2.412KB｜

Script

了解です。以下に、指定内容に基づいて実装したLvアップゲームのサンプルコードを示します。

Lvアップゲーム

ステータス

Lv: 1

HP: 10

MP: 5

力: 3

魔力: 2

速力: 5

運: 1

上記のコードをhtmlファイルとして保存し、ブラウザで開くと、Lvアップゲームが表示されます。Level Up! ボタンをクリックすると、ステータスがアップし、表示が更新されます。目指せ最強のキャラクターを育てるゲームとなっています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です。以下に、指定内容に基づいて実装したLvアップゲームのサンプルコードを示します。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Lvアップゲーム</title>
    <style>
      body {
        text-align: center;
      }
      
      button {
        font-size: 24px;
        padding: 10px 20px;
        margin: 10px;
      }
    </style>
  </head>
  <body>
    <h1>Lvアップゲーム</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">3</span></p>
      <p>魔力: <span id="magicPower">2</span></p>
      <p>速力: <span id="speed">5</span></p>
      <p>運: <span id="luck">1</span></p>
    </div>
    <button id="levelUpButton">Level Up!</button>
    
    <script>
      // ステータス
      let lv = 1;
      let hp = 10;
      let mp = 5;
      let power = 3;
      let magicPower = 2;
      let speed = 5;
      let luck = 1;
      
      // レベルアップ時のステータスアップ幅
      const levelUpBonus = 1;
      
      // Level Up ボタンがクリックされたときの処理
      document.getElementById("levelUpButton").addEventListener("click", function() {
        // ステータスのアップ
        lv++;
        hp += levelUpBonus;
        mp += levelUpBonus;
        power += levelUpBonus;
        magicPower += levelUpBonus;
        speed += levelUpBonus;
        luck += levelUpBonus;
        
        // ステータスの表示更新
        document.getElementById("lv").textContent = lv;
        document.getElementById("hp").textContent = hp;
        document.getElementById("mp").textContent = mp;
        document.getElementById("power").textContent = power;
        document.getElementById("magicPower").textContent = magicPower;
        document.getElementById("speed").textContent = speed;
        document.getElementById("luck").textContent = luck;
      });
    </script>
  </body>
</html>
```