じゃんけんアプリ

グー✊、チョキ✌️、パー✋のどれかを選んでください。
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>じゃんけんアプリ</title>
  </head>
  <body>
    <h1>じゃんけんアプリ</h1>
    <p>グー✊、チョキ✌️、パー✋のどれかを選んでください。</p>
    <button onclick="janken('gu')">グー✊</button>
    <button onclick="janken('choki')">チョキ✌️</button>
    <button onclick="janken('pa')">パー✋</button>
    <br>
    <p id="result"></p>
    <p id="message"></p>
    <div id="failure"></div>
    <script>
      function janken(playerHand) {
        var hands = ["gu", "choki", "pa"];
        var computerHand = hands[Math.floor(Math.random() * hands.length)];
        var result = document.getElementById("result");
        var message = document.getElementById("message");
        var failure = document.getElementById("failure");

        if (playerHand == computerHand) {
          result.innerHTML = "あいこです。";
          message.innerHTML = "";
          failure.innerHTML = "";
        } else if (
          (playerHand == "gu" && computerHand == "choki") ||
          (playerHand == "choki" && computerHand == "pa") ||
          (playerHand == "pa" && computerHand == "gu")
        ) {
          result.innerHTML = "勝ちました！";
          var messages = ["やったね！", "素晴らしい！", "最高だ！", "めっちゃ強い！"];
          var randomMessage = messages[Math.floor(Math.random() * messages.length)];
          message.innerHTML = randomMessage;
          failure.innerHTML = "";
        } else {
          result.innerHTML = "負けました。";
          message.innerHTML = "";
          failure.innerHTML = "負け！出直してこい😡".repeat(100);
        }
      }
    </script>
  </body>
</html>