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

No:25336

104

←

Prev Next

→

自分の武器を選んで戦うゲーム
Developer User12383｜Date and time 23/11/20 17:25:40
Build time 126.125 sec｜Game capacity 2.393KB｜

Script

了解です。以下に、自分の武器を選んで戦うゲームの実装例を示します。

自分の武器で戦うゲーム

どの武器で戦いますか？

このプログラムでは、3つのボタン（グー、パー、チョキ）を用意し、クリックしたボタンに応じてゲームの結果が表示されます。ユーザーがボタンを選択すると、コンピューターもランダムに選択し、結果を判定して表示します。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。以下に、自分の武器を選んで戦うゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>自分の武器で戦うゲーム</title>
    <meta charset="UTF-8">
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 200px;
        }
        h1 {
            font-size: 28px;
        }
        button {
            padding: 10px 20px;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <h1>自分の武器で戦うゲーム</h1>
    <p>どの武器で戦いますか？</p>
    <button id="rock">🪨</button>
    <button id="paper">📄</button>
    <button id="scissors">✂️</button>

function playGame(userChoice) {
            const weapons = ["rock", "paper", "scissors"];
            const computerChoice = weapons[Math.floor(Math.random() * weapons.length)];

let result = "";

if (userChoice === computerChoice) {
                result = "引き分け！";
            } else if (
                (userChoice === "rock" && computerChoice === "scissors") ||
                (userChoice === "paper" && computerChoice === "rock") ||
                (userChoice === "scissors" && computerChoice === "paper")
            ) {
                result = "勝ち！";
            } else {
                result = "負け！";
            }

alert(`あなたの選択：${userChoice}\nコンピューターの選択：${computerChoice}\n結果：${result}`);
        }

rockBtn.addEventListener("click", () => {
            playGame("rock");
        });

paperBtn.addEventListener("click", () => {
            playGame("paper");
        });

scissorsBtn.addEventListener("click", () => {
            playGame("scissors");
        });
    </script>
</body>
</html>
```