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

No:6042

320

←

Prev Next

→

Easy Games
Developer User3859｜Date and time 23/7/1 15:31:02
Build time 22.153 sec｜Game capacity 2.736KB｜

Script

では、簡単なゲームとして「じゃんけんゲーム」を作ってみましょう。以下が実装例です。

じゃんけんゲーム

レッツじゃんけん！

このプログラムでは、じゃんけんの手を選ぶボタンを表示し、ボタンがクリックされると`playHand`関数が呼び出されます。 `playHand`関数では、選択された手とコンピュータの手を比較し、勝敗結果を表示します。また、勝利した回数がスコアとして表示されます。このゲームはスマートフォンでも遊べますが、絵文字が正しく表示されない場合もありますのでご了承ください。

←

Prev　Next

→ 　

Back　

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

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

では、簡単なゲームとして「じゃんけんゲーム」を作ってみましょう。

以下が実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>じゃんけんゲーム</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>じゃんけんゲーム</h1>
    <h2 id="message">レッツじゃんけん！</h2>
    <div>
        <button onclick="playHand('rock')">✊</button>
        <button onclick="playHand('paper')">✋</button>
        <button onclick="playHand('scissors')">✌️</button>
    </div>
    <script>
        let score = 0;

function playHand(hand) {
            const computerHand = getRandomHand();
            let result;

if (hand === 'rock') {
                if (computerHand === 'rock') {
                    result = '引き分け';
                } else if (computerHand === 'paper') {
                    result = 'あなたの負け';
                } else {
                    result = 'あなたの勝ち';
                    score++;
                }
            } else if (hand === 'paper') {
                if (computerHand === 'rock') {
                    result = 'あなたの勝ち';
                    score++;
                } else if (computerHand === 'paper') {
                    result = '引き分け';
                } else {
                    result = 'あなたの負け';
                }
            } else { // scissors
                if (computerHand === 'rock') {
                    result = 'あなたの負け';
                } else if (computerHand === 'paper') {
                    result = 'あなたの勝ち';
                    score++;
                } else {
                    result = '引き分け';
                }
            }

document.getElementById('message').textContent = `相手は${computerHand}で${result}です。現在のスコア: ${score}`;
        }

function getRandomHand() {
            const hands = ['rock', 'paper', 'scissors'];
            const randomIndex = Math.floor(Math.random() * hands.length);
            return hands[randomIndex];
        }
    </script>
</body>
</html>
```

このプログラムでは、じゃんけんの手を選ぶボタンを表示し、ボタンがクリックされると`playHand`関数が呼び出されます。
`playHand`関数では、選択された手とコンピュータの手を比較し、勝敗結果を表示します。
また、勝利した回数がスコアとして表示されます。

このゲームはスマートフォンでも遊べますが、絵文字が正しく表示されない場合もありますのでご了承ください。