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

No:18437

ステータス画面追加 Lv、HP、MP、力、魔力、速力、運をステータスに追加初期値を1にする Lvご..ALL
Developer User8168｜Date and time 23/9/29 14:13:02
Build time 34.122 sec｜Game capacity 2.295KB｜

Script

了解しました。以下に、指示された内容を含むHTMLファイルの実装例を示します。

ゲーム

ステータス

このHTMLファイルでは、ステータス画面を表示し、Lvアップボタンがあります。Lvアップボタンをクリックすると、Lvが1上昇し、各ステータス値が変化します。Lvを除くステータスは5で切り上げられます。ステータスは初期値として1に設定され、Lvごとに1ずつ上昇します。上記の実装例において、ステータス画面追加やLvアップボタンの設置は実現されており、JavaScriptもscriptタグで囲まれています。また、完成したゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下に、指示された内容を含むHTMLファイルの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ゲーム</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>ゲーム</h1>
    <h2>ステータス</h2>
    <p id="status"></p>

<button onclick="levelUp()">Lvアップ</button>

// ステータスの表示
        function displayStatus() {
            document.getElementById("status").innerText = `Lv: ${level} / HP: ${hp} / MP: ${mp} / 力: ${power} / 魔力: ${magicPower} / 速力: ${speed} / 運: ${luck}`;
        }
        
        // Lvアップ処理
        function levelUp() {
            // Lvを1上昇
            level++;

// Lvごとにステータスを1上昇
            hp++;
            mp++;
            power++;
            magicPower++;
            speed++;
            luck++;

// Lvを除くステータスを5で切り上げ
            hp = Math.ceil(hp / 5) * 5;
            mp = Math.ceil(mp / 5) * 5;
            power = Math.ceil(power / 5) * 5;
            magicPower = Math.ceil(magicPower / 5) * 5;
            speed = Math.ceil(speed / 5) * 5;
            luck = Math.ceil(luck / 5) * 5;

// ステータスを表示
            displayStatus();
        }

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

このHTMLファイルでは、ステータス画面を表示し、Lvアップボタンがあります。Lvアップボタンをクリックすると、Lvが1上昇し、各ステータス値が変化します。Lvを除くステータスは5で切り上げられます。ステータスは初期値として1に設定され、Lvごとに1ずつ上昇します。

上記の実装例において、ステータス画面追加やLvアップボタンの設置は実現されており、JavaScriptもscriptタグで囲まれています。また、完成したゲームとして遊ぶことができます。