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

No:6654

Bad bug fixed for now. By management
Developer User3898｜Date and time 23/7/3 1:50:20
Build time 35.192 sec｜Game capacity 2.924KB｜

Script

了解しました。以下にサンプルとして「じゃんけんゲーム」を作成します。

じゃんけんゲーム

このコードは、ユーザーが「✊」、「✋」、「✌️」のボタンの中から好きな手を選ぶと、コンピューターもランダムに手を選んで勝敗を判定するじゃんけんゲームです。結果はページ上部の「コンピューター：」と「あなたの勝ちです！」などのメッセージで表示されます。以上がサンプルの実装例です。ご参考までにお使いください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にサンプルとして「じゃんけんゲーム」を作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>じゃんけんゲーム</title>
</head>
<body>
    <h1>じゃんけんゲーム</h1>
    <button id="rock">✊</button>
    <button id="paper">✋</button>
    <button id="scissors">✌️</button>
    <div id="result"></div>

// ユーザーが手を選択したときの処理
        document.getElementById("rock").addEventListener("click", function() {
            userHand = "rock";
            playGame();
        });
        document.getElementById("paper").addEventListener("click", function() {
            userHand = "paper";
            playGame();
        });
        document.getElementById("scissors").addEventListener("click", function() {
            userHand = "scissors";
            playGame();
        });

function playGame() {
            // コンピューターの手をランダムに選択する
            const hands = ["rock", "paper", "scissors"];
            const computerHand = hands[Math.floor(Math.random() * 3)];

// コンピューターの手を表示
            document.getElementById("result").innerHTML = `コンピューター：${getHandEmoji(computerHand)}`;

// 勝敗判定
            let resultText = "";
            if (userHand === computerHand) {
                resultText = "あいこです。もう一度選んでください。";
            } else if (
                (userHand === "rock" && computerHand === "scissors") ||
                (userHand === "paper" && computerHand === "rock") ||
                (userHand === "scissors" && computerHand === "paper")
            ) {
                resultText = "あなたの勝ちです！";
            } else {
                resultText = "コンピューターの勝ちです！";
            }

// 結果を表示
            document.getElementById("result").innerHTML += `<br>${resultText}`;
        }

// 手の絵文字を取得
        function getHandEmoji(hand) {
            if (hand === "rock") {
                return "✊";
            } else if (hand === "paper") {
                return "✋";
            } else if (hand === "scissors") {
                return "✌️";
            }
        }
    </script>
</body>
</html>
```

このコードは、ユーザーが「✊」、「✋」、「✌️」のボタンの中から好きな手を選ぶと、コンピューターもランダムに手を選んで勝敗を判定するじゃんけんゲームです。結果はページ上部の「コンピューター：」と「あなたの勝ちです！」などのメッセージで表示されます。

以上がサンプルの実装例です。ご参考までにお使いください。