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

No:1005

225

←

Prev Next

→

rock, paper, scissors game
Developer User3217｜Date and time 23/6/18 0:02:50
Build time 23.528 sec｜Game capacity 2.165KB｜

Script

じゃんけん

グー！チョキ！パー！

上記のコードは、スマートフォンでも操作可能なじゃんけんゲームを実装したものです。プレイヤーはグー、チョキ、パーのいずれかの手をクリックすることで選択します。コンピューターはランダムに手を選択し、その勝敗を判定します。勝敗の結果は画面上に表示され、絵文字が多用されているので楽しい印象になっています。

←

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>
    <h2 id="result">グー！チョキ！パー！</h2>
    <div id="choices">
      <button id="rock">グー</button>
      <button id="scissors">チョキ</button>
      <button id="paper">パー</button>
    </div>
    <script>
      // プレイヤーの手を選択
      document.getElementById("rock").addEventListener("click", function() {
        play("rock");
      });
      document.getElementById("scissors").addEventListener("click", function() {
        play("scissors");
      });
      document.getElementById("paper").addEventListener("click", function() {
        play("paper");
      });

// コンピューターの手をランダムに選択
      function computerPlay() {
        const choices = ["rock", "scissors", "paper"];
        return choices[Math.floor(Math.random() * choices.length)];
      }

// じゃんけんの勝敗を判定
      function play(playerSelection) {
        const computerSelection = computerPlay();
        if (playerSelection === computerSelection) {
          document.getElementById("result").innerHTML = "あいこ" + "😝";
        } else if (
          (playerSelection === "rock" && computerSelection === "scissors") ||
          (playerSelection === "scissors" && computerSelection === "paper") ||
          (playerSelection === "paper" && computerSelection === "rock")
        ) {
          document.getElementById("result").innerHTML = "勝ち" + "😎";
        } else {
          document.getElementById("result").innerHTML = "負け" + "😢";
        }
      }
    </script>
  </body>
</html>