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

No:11482

110

←

Prev Next

→

rock, paper, scissors game
Developer User4892｜Date and time 23/8/10 9:10:12
Build time 10.707 sec｜Game capacity 1.876KB｜

Script

了解です。以下にじゃんけんゲームのプログラムを実装します。

じゃんけんゲーム

自分の手を選んでください:

このプログラムでは、HTMLファイル内にじゃんけんゲームの表示と処理を行うJavaScriptコードを記述しています。プレイヤーは「✊」「✋」「✌️」のボタンをクリックして自分の手を選びます。コンピュータの手はランダムに選択され、勝敗が判定されます。結果は画面上に表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にじゃんけんゲームのプログラムを実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>じゃんけんゲーム</title>
  <style>
    body {
      text-align: center;
    }
    h1 {
      font-size: 24px;
    }
    #result {
      font-size: 20px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>じゃんけんゲーム</h1>
  <p>自分の手を選んでください:</p>
  <button onclick="play('✊')">✊</button>
  <button onclick="play('✋')">✋</button>
  <button onclick="play('✌️')">✌️</button>
  <h2 id="result"></h2>
  <script>
    function play(playerHand) {
      // コンピュータの手をランダムに選択
      var hands = ['✊', '✋', '✌️'];
      var computerHand = hands[Math.floor(Math.random() * hands.length)];

// 勝敗を判定
      var result;
      if (playerHand === computerHand) {
        result = '引き分け！';
      } else if (
        (playerHand === '✊' && computerHand === '✌️') ||
        (playerHand === '✋' && computerHand === '✊') ||
        (playerHand === '✌️' && computerHand === '✋')
      ) {
        result = '勝ち！';
      } else {
        result = '負け！';
      }

// 結果を表示
      document.getElementById('result').textContent = 'あなたの手: ' + playerHand + '、コンピュータの手: ' + computerHand + '、結果: ' + result;
    }
  </script>
</body>
</html>
```