ステータス画面、Lv、HP、MP、力、魔力、速力、運を追加初期値→Lv1、HP10、MP5、力1、魔力1、速力1、運1 Lv上昇毎にHP10、MP5、力1、魔力1、速力1、運1上昇 (((HP、MP、力、魔力、速力、運)×(1+(Lv値×0.01)))(Lv上昇毎に前回上昇量をリセット)) Lvアップボタン追加's game | AI game creator

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

No:18455

30

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

以下が要件を満たすプログラムです。ステータス画面に表示される現在のステータスの値に応じて、Lvアップボタンを押すことで各ステータスが上昇します。

このプログラムでは、ステータスが持つ情報（Lv、HP、MP、力、魔力、速力、運）をJavaScript変数として宣言し、それぞれ初期値を設定します。 `updateStatus`関数では、ステータスを表示するためにHTML要素の`<div id="status">`に対してテキストを設定しています。この関数は、ステータス情報が変更される度に呼び出され、最新の情報を表示します。 `levelUp`関数は、Lvが上昇した際に呼び出され、各ステータスの値を上昇させます。上昇の計算は要件通り行われ、整数値に丸められています。 Lv Upボタンは`<button onclick="levelUp()">Lv Up</button>`のように設置されており、クリックされると`levelUp`関数が呼び出されます。最後の`
`タグでは、`updateStatus`関数を初期状態で呼び出し、初期ステータス情報を表示しています。上記のコードを1枚のHTMLファイルとして保存し、ブラウザで開くことでゲームが遊べるようになります。

→ 　

0　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

以下が要件を満たすプログラムです。ステータス画面に表示される現在のステータスの値に応じて、Lvアップボタンを押すことで各ステータスが上昇します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ゲーム</title>
  <script>
    let Lv = 1;
    let HP = 10;
    let MP = 5;
    let strength = 1;
    let magic = 1;
    let speed = 1;
    let luck = 1;

function updateStatus() {
      const statusElement = document.getElementById('status');
      statusElement.innerHTML = `Lv: ${Lv}<br>
                                 HP: ${HP}<br>
                                 MP: ${MP}<br>
                                 力: ${strength}<br>
                                 魔力: ${magic}<br>
                                 速力: ${speed}<br>
                                 運: ${luck}`;
    }

function levelUp() {
      Lv++;
      HP = Math.floor(HP * (1 + Lv * 0.01));
      MP = Math.floor(MP * (1 + Lv * 0.01));
      strength = Math.floor(strength * (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();
    }
  </script>
</head>
<body>
  <div id="status"></div>
  <button onclick="levelUp()">Lv Up</button>

<script>
    updateStatus();
  </script>
</body>
</html>
```

このプログラムでは、ステータスが持つ情報（Lv、HP、MP、力、魔力、速力、運）をJavaScript変数として宣言し、それぞれ初期値を設定します。

`updateStatus`関数では、ステータスを表示するためにHTML要素の`<div id="status">`に対してテキストを設定しています。この関数は、ステータス情報が変更される度に呼び出され、最新の情報を表示します。

`levelUp`関数は、Lvが上昇した際に呼び出され、各ステータスの値を上昇させます。上昇の計算は要件通り行われ、整数値に丸められています。

Lv Upボタンは`<button onclick="levelUp()">Lv Up</button>`のように設置されており、クリックされると`levelUp`関数が呼び出されます。

最後の`<script>`タグでは、`updateStatus`関数を初期状態で呼び出し、初期ステータス情報を表示しています。

上記のコードを1枚のHTMLファイルとして保存し、ブラウザで開くことでゲームが遊べるようになります。