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

No:6054

195

←

Prev Next

→

Easy Games
Developer もちきなこ｜Date and time 23/7/1 15:56:33
Build time 23.897 sec｜Game capacity 2.305KB｜

Script

了解しました。以下に、簡単なゲームを実装したHTMLファイルの例を示します。この例では、「じゃんけんゲーム」を作成しています。

じゃんけんゲーム

選んでください（グー、チョキ、パー）

このHTMLファイルでは、ボタンをクリックすることで「グー」「チョキ」「パー」のいずれかを選択し、じゃんけんを行います。選択した手とコンピュータの手の結果に応じて、勝ち負けのメッセージが表示されます。ただし、スマホ操作前提とすると、上記のコードだとボタンが小さくて押しにくいかもしれません。その場合は、CSSを使ってボタンを大きくしたり、タップしやすいようにデザインしてください。また、絵文字を使用する場合は、`<button>` タグの文字列部分を絵文字に置き換えることができます。どうぞ、お試しください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、簡単なゲームを実装したHTMLファイルの例を示します。この例では、「じゃんけんゲーム」を作成しています。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>じゃんけんゲーム</title>
</head>
<body>
    <h1>じゃんけんゲーム</h1>
    <p id="message">選んでください（グー、チョキ、パー）</p>
    <div>
        <button onclick="play('グー')">グー</button>
        <button onclick="play('チョキ')">チョキ</button>
        <button onclick="play('パー')">パー</button>
    </div>

function play(userChoice) {
            var randomNumber = Math.floor(Math.random() * 3); // 0から2の乱数を生成
            var computerChoice = choices[randomNumber];

var results = { 'グー': 'チョキ', 'チョキ': 'パー', 'パー': 'グー' };
            var result = '';

if (userChoice === computerChoice) {
                result = 'あいこです！';
            } else if (results[userChoice] === computerChoice) {
                result = 'あなたの勝ちです！';
            } else {
                result = 'あなたの負けです！';
            }

messageElement.textContent = 'あなたの選んだ手：' + userChoice + '、相手の選んだ手：' + computerChoice + '。' + result;
        }
    </script>
</body>
</html>
```

このHTMLファイルでは、ボタンをクリックすることで「グー」「チョキ」「パー」のいずれかを選択し、じゃんけんを行います。選択した手とコンピュータの手の結果に応じて、勝ち負けのメッセージが表示されます。

ただし、スマホ操作前提とすると、上記のコードだとボタンが小さくて押しにくいかもしれません。その場合は、CSSを使ってボタンを大きくしたり、タップしやすいようにデザインしてください。また、絵文字を使用する場合は、`<button>` タグの文字列部分を絵文字に置き換えることができます。

どうぞ、お試しください。