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

No:16892

運要素が強い、手札がある、サイコロを使う、選択肢がある、思考する、
Developer User7529｜Date and time 23/9/21 15:04:01
Build time 38.016 sec｜Game capacity 2.947KB｜

Script

勝敗判定があるゲームを作成してください。以下はサンプルプログラムですが、自由にカスタマイズしていただいて構いません。

ゲーム

このサンプルプログラムは、プレイヤーとコンピューターが交互にサイコロを振って手札に目を追加し、21以上になった時点で勝敗を判定するシンプルなゲームです。プレイヤーとコンピューターの手札はそれぞれ合計値となり、21以上になった方が負けとなります。実際にブラウザでこのHTMLファイルを開くと、サイコロを振るボタンが表示されます。ボタンをクリックすると、プレイヤーとコンピューターの手札にサイコロの目が加算され、現在の手札が表示されます。21以上になった時点で勝敗が判定され、メッセージが表示されます。

←

Prev　Next

→ 　

Back　

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

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

勝敗判定があるゲームを作成してください。以下はサンプルプログラムですが、自由にカスタマイズしていただいて構いません。

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ゲーム</title>
</head>
<body>
  <h1>ゲーム</h1>
  <p id="message"></p>
  <button onclick="play()">サイコロを振る</button>
  <script>
    // サイコロの目の絵文字
    const diceFaces = [
      '⚀',
      '⚁',
      '⚂',
      '⚃',
      '⚄',
      '⚅'
    ];
    
    // プレイヤーの手札
    let playerHand = 0;
    
    // コンピューターの手札
    let computerHand = 0;
    
    // ゲーム結果メッセージ
    const messageElement = document.getElementById('message');
    
    // サイコロを振る処理
    function play() {
      // サイコロを振り、ランダムな目を取得
      const playerRoll = Math.floor(Math.random() * 6) + 1;
      const computerRoll = Math.floor(Math.random() * 6) + 1;
      
      // プレイヤーとコンピューターそれぞれの手札に目を加算
      playerHand += playerRoll;
      computerHand += computerRoll;
      
      // サイコロの目を表示
      const playerRollFace = diceFaces[playerRoll - 1];
      const computerRollFace = diceFaces[computerRoll - 1];
      messageElement.innerHTML += `プレイヤーの手札: ${playerRollFace}, コンピューターの手札: ${computerRollFace}<br>`;
      
      // 勝敗判定
      if (playerHand >= 21 || computerHand >= 21) {
        endGame();
      }
    }
    
    // ゲーム終了処理
    function endGame() {
      // 勝敗判定
      let winner;
      if (playerHand >= 21 && computerHand >= 21) {
        winner = "引き分け";
      } else if (playerHand >= 21) {
        winner = "プレイヤー";
      } else {
        winner = "コンピューター";
      }
      
      // メッセージ表示
      messageElement.innerHTML += `${winner}の勝利です！`;
      
      // ゲーム終了後、サイコロを振るボタンを無効化
      const button = document.querySelector('button');
      button.disabled = true;
    }
  </script>
</body>
</html>
```

このサンプルプログラムは、プレイヤーとコンピューターが交互にサイコロを振って手札に目を追加し、21以上になった時点で勝敗を判定するシンプルなゲームです。プレイヤーとコンピューターの手札はそれぞれ合計値となり、21以上になった方が負けとなります。

実際にブラウザでこのHTMLファイルを開くと、サイコロを振るボタンが表示されます。ボタンをクリックすると、プレイヤーとコンピューターの手札にサイコロの目が加算され、現在の手札が表示されます。21以上になった時点で勝敗が判定され、メッセージが表示されます。