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

No:1499

108

←

Prev Next

→

Make a rock-paper-scissors game. Place three butto..ALL
Developer User3350｜Date and time 23/6/18 17:39:30
Build time 22.136 sec｜Game capacity 1.454KB｜

Script

じゃんけんゲーム

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

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>じゃんけんゲーム</title>
  <style>
    body {
      background-color: #b3cde0;
      text-align: center;
      font-size: 40px;
      padding-top: 100px;
    }
    button {
      font-size: 40px;
      padding: 10px;
      margin: 10px;
      border-radius: 10px;
    }
  </style>
</head>

<body>
  <h1>じゃんけんゲーム</h1>
  <p>自分の手を選んでください</p>
  <button onclick="play('rock')">グー</button>
  <button onclick="play('scissors')">チョキ</button>
  <button onclick="play('paper')">パー</button>
  <p id="result"></p>

function play(playerHand) {
      const computerHand = hands[Math.floor(Math.random() * 3)];
      const result = judge(playerHand, computerHand);
      document.querySelector("#result").textContent = "あなたの手: " + playerHand + "、コンピューターの手: " + computerHand + "、" + result;
    }

</html>