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

No:6818

177

←

Prev Next

→

Musashi Miyamoto vs. Kojiro Sasaki
Developer User3788｜Date and time 23/7/3 21:23:45
Build time 28.552 sec｜Game capacity 2.593KB｜

Script

了解しました。以下に宮本武蔵と佐々木小次郎の対決をゲーム化したサンプルを示します。このゲームはスマートフォンで操作することを前提としており、JavaScriptを使用して実装されています。

宮本武蔵vs佐々木小次郎

戦闘結果：--

このサンプルでは、攻撃ボタンを押すと宮本武蔵と佐々木小次郎がそれぞれランダムなパワーで攻撃し合います。攻撃した回数に応じて絵文字が表示され、お互いの体力が減っていきます。最後に戦闘結果が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>宮本武蔵vs佐々木小次郎</title>
    <style>
        body {
            text-align: center;
        }

#result {
            font-size: 24px;
        }

#mushashi {
            font-size: 48px;
            margin-bottom: 30px;
        }

#kojiro {
            font-size: 48px;
            margin-bottom: 30px;
        }
    </style>
</head>

<body>
    <h1>宮本武蔵vs佐々木小次郎</h1>
    <div id="result">戦闘結果：--</div>
    <button onclick="attack()" style="font-size: 24px;">攻撃する</button>
    <script>
        var mushashi = {
            name: "宮本武蔵",
            hp: 100,
            power: getRandomPower(),
            emoji: "🗡️"
        };

var kojiro = {
            name: "佐々木小次郎",
            hp: 100,
            power: getRandomPower(),
            emoji: "🎯"
        };

function getRandomPower() {
            return Math.floor(Math.random() * 10) + 1;
        }

function attack() {
            var mushashiEmoji = mushashi.emoji.repeat(mushashi.power);
            var kojiroEmoji = kojiro.emoji.repeat(kojiro.power);

mushashi.hp -= kojiro.power;
            kojiro.hp -= mushashi.power;

document.getElementById("result").textContent =
                `${mushashi.name} ${mushashiEmoji} vs ${kojiroEmoji} ${kojiro.name}`;

if (mushashi.hp <= 0 && kojiro.hp <= 0) {
                document.getElementById("result").textContent += "\n引き分け";
            } else if (mushashi.hp <= 0) {
                document.getElementById("result").textContent += `\n${kojiro.name}の勝ち！`;
            } else if (kojiro.hp <= 0) {
                document.getElementById("result").textContent += `\n${mushashi.name}の勝ち！`;
            } else {
                document.getElementById("result").textContent += "\n続行";
            }
        }
    </script>
</body>

</html>
```