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

No:1009

125

←

Prev Next

→

Fun rock-paper-scissors
Developer User3216｜Date and time 23/6/18 0:04:35
Build time 31.339 sec｜Game capacity 2.852KB｜

Script

楽しいじゃんけん

【ゲーム概要】プレイヤーとコンピューターがじゃんけんをします。プレイヤーはスマホの画面上に表示される「✊」「✋」「✌️」のボタンをクリックして、じゃんけんの手を選びます。コンピューターはランダムで手を決めます。勝敗が判定され、画面上に結果が表示されます。楽しいじゃんけんをお楽しみください！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>楽しいじゃんけん</title>
  </head>
  <body>
    <div id="game">
      <h1>楽しいじゃんけん</h1>
      <div id="choices">
        <button id="rock">✊</button>
        <button id="paper">✋</button>
        <button id="scissors">✌️</button>
      </div>
      <p id="result"></p>
    </div>
    <script>
      // プレイヤーの選択肢を取得
      const rockBtn = document.getElementById('rock');
      const paperBtn = document.getElementById('paper');
      const scissorsBtn = document.getElementById('scissors');

// 結果を表示する場所を取得
      const resultEl = document.getElementById('result');

// プレイヤーが選んだ手を保存する変数
      let playerChoice;

// コンピューターの選択肢をランダムで取得する関数
      function getComputerChoice() {
        const choices = ['rock', 'paper', 'scissors'];
        const randomIndex = Math.floor(Math.random() * 3);
        return choices[randomIndex];
      }

// 勝敗を判定する関数
      function determineWinner(playerChoice, computerChoice) {
        if (playerChoice == computerChoice) {
          return '引き分け';
        } else if (playerChoice == 'rock' && computerChoice == 'scissors' ||
                   playerChoice == 'paper' && computerChoice == 'rock' ||
                   playerChoice == 'scissors' && computerChoice == 'paper') {
          return 'プレイヤーの勝ち！';
        } else {
          return 'コンピューターの勝ち！';
        }
      }

// プレイヤーが手を選んだ時の処理
      function playerChooses(choice) {
        playerChoice = choice;
        const computerChoice = getComputerChoice();
        const result = determineWinner(playerChoice, computerChoice);
        resultEl.innerHTML = `プレイヤーの手：${playerChoice}<br>コンピューターの手：${computerChoice}<br>結果：${result}`;
      }

// プレイヤーが各ボタンをクリックした時の処理
      rockBtn.addEventListener('click', () => playerChooses('rock'));
      paperBtn.addEventListener('click', () => playerChooses('paper'));
      scissorsBtn.addEventListener('click', () => playerChooses('scissors'));
    </script>
  </body>
</html>

【ゲーム概要】
プレイヤーとコンピューターがじゃんけんをします。プレイヤーはスマホの画面上に表示される「✊」「✋」「✌️」のボタンをクリックして、じゃんけんの手を選びます。コンピューターはランダムで手を決めます。勝敗が判定され、画面上に結果が表示されます。楽しいじゃんけんをお楽しみください！