まぁまぁあぶないじゃん's game

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

No:20431

←

Prev Next

→

まぁまぁあぶないじゃん
Developer User9047｜Date and time 23/10/9 19:50:10
Build time 17.829 sec｜Game capacity 2.458KB｜

Script

おっしゃる通り、危ないですね。それでは、以下に実際のプログラム例を示します。

このプログラムは、「Emoji Game」というゲームを1枚のHTMLファイルとして実装しています。プレイヤーとコンピュータがランダムに絵文字を選び、結果を表示する簡単なゲームです。スタイルはCSSで中央寄せしています。上記のHTMLをブラウザで開くと、ゲームが実行され、結果が表示されます。スマホでもプレイ可能です。絵文字は「✌️」（ピースサイン）、「✊」（グー）、および「🖐️」（パー）を使用しています。このように、1枚のHTMLファイルにJavaScriptを含めることで、スマホで遊べるゲームを実装することができます。

←

Prev　Next

→ 　

Back　

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

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

おっしゃる通り、危ないですね。それでは、以下に実際のプログラム例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Emoji Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 5rem;
    }
  </style>
</head>
<body>
  <script>
    // ゲームの絵文字リスト
    const emojis = ["✌️", "✊", "🖐️"];
    
    // プレイヤーの選択絵文字をランダムで生成
    function getPlayerChoice() {
      return Math.floor(Math.random() * emojis.length);
    }
    
    // コンピュータの選択絵文字をランダムで生成
    function getComputerChoice() {
      return Math.floor(Math.random() * emojis.length);
    }
    
    // 結果を判定して表示
    function showResult(playerChoice, computerChoice) {
      const resultDiv = document.createElement('div');
      
      if (playerChoice === computerChoice) {
        resultDiv.textContent = "あいこ！";
      } else if ((playerChoice === 0 && computerChoice === 1) ||
                 (playerChoice === 1 && computerChoice === 2) ||
                 (playerChoice === 2 && computerChoice === 0)) {
        resultDiv.textContent = "勝ち！";
      } else {
        resultDiv.textContent = "負け...";
      }
      
      document.body.appendChild(resultDiv);
    }
    
    // ゲームを実行する関数
    function playGame() {
      const playerChoice = getPlayerChoice();
      const computerChoice = getComputerChoice();
      
      showResult(playerChoice, computerChoice);
    }
    
    // ゲームの実行
    playGame();
  </script>
</body>
</html>
```

このプログラムは、「Emoji Game」というゲームを1枚のHTMLファイルとして実装しています。プレイヤーとコンピュータがランダムに絵文字を選び、結果を表示する簡単なゲームです。スタイルはCSSで中央寄せしています。

上記のHTMLをブラウザで開くと、ゲームが実行され、結果が表示されます。スマホでもプレイ可能です。絵文字は「✌️」（ピースサイン）、「✊」（グー）、および「🖐️」（パー）を使用しています。

このように、1枚のHTMLファイルにJavaScriptを含めることで、スマホで遊べるゲームを実装することができます。