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

No:6269

4152

←

Prev Next

→

Taijiquan
Developer User3788｜Date and time 23/7/2 0:29:12
Build time 34.954 sec｜Game capacity 3.393KB｜

Script

了解しました。以下に、JavaScriptを使用して太極拳のゲームを作成する例を示します。

太極拳ゲーム

スタート

上記のコードは、太極拳のゲームを実装したものです。ブラウザで表示して、「スタート」ボタンをクリックすると、ユーザーが選択できる「✊」「✌️」「✋」のボタンが表示されます。ユーザーがボタンをクリックすると、コンピュータがランダムに手を選び、結果が表示されます。注意：スマートフォンでの操作を前提として作成されており、ブラウザの開発者ツールなどで画面サイズを変更すると、レイアウトが崩れる可能性があります。スマートフォンの画面サイズで実行してください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、JavaScriptを使用して太極拳のゲームを作成する例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>太極拳ゲーム</title>
    <style>
        html, body {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .btn {
            font-size: 100px;
            padding: 30px;
            cursor: pointer;
        }
        
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <h1>太極拳ゲーム</h1>
    <div id="game">
        <div id="startBtn" class="btn">スタート</div>
        <div id="result" class="btn hidden"></div>
    </div>

// ゲームを開始する
        startBtn.addEventListener('click', function() {
            game.innerHTML = '';
            result.classList.add('hidden');

var choicesDiv = document.createElement('div');
            for (var i = 0; i < choices.length; i++) {
                var choiceBtn = document.createElement('div');
                choiceBtn.innerHTML = choices[i];
                choiceBtn.classList.add('btn');
                choiceBtn.addEventListener('click', function() {
                    userChoice = this.innerHTML;
                    computerChoice = choices[Math.floor(Math.random() * choices.length)];
                    showResult();
                });
                choicesDiv.appendChild(choiceBtn);
            }
            game.appendChild(choicesDiv);
        });

// 結果を表示する
        function showResult() {
            game.innerHTML = '';
            result.innerHTML = 'あなたの選択: ' + userChoice + '<br>コンピュータの選択: ' + computerChoice + '<br>';
            if (userChoice === computerChoice) {
                result.innerHTML += '引き分けです！';
            } else if (
                (userChoice === '✊' && computerChoice === '✌️') ||
                (userChoice === '✌️' && computerChoice === '✋') ||
                (userChoice === '✋' && computerChoice === '✊')
            ) {
                result.innerHTML += 'あなたの勝ちです！';
            } else {
                result.innerHTML += 'あなたの負けです！';
            }
            result.classList.remove('hidden');
        }
    </script>
</body>
</html>
```

上記のコードは、太極拳のゲームを実装したものです。ブラウザで表示して、「スタート」ボタンをクリックすると、ユーザーが選択できる「✊」「✌️」「✋」のボタンが表示されます。ユーザーがボタンをクリックすると、コンピュータがランダムに手を選び、結果が表示されます。

注意：スマートフォンでの操作を前提として作成されており、ブラウザの開発者ツールなどで画面サイズを変更すると、レイアウトが崩れる可能性があります。スマートフォンの画面サイズで実行してください。