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

No:7153

2689

←

Prev Next

→

My Number Card Battle
Developer anonymous｜Date and time 70/1/1 9:33:03
Build time unknown sec｜Game capacity 1.983KB｜

Script

了解です。以下にマイナンバーカードバトルの実装例を示します。

マイナンバーカードバトル

上記のコードは、マイナンバーカードバトルを実装したものです。プレイボタンをクリックすると、プレイヤーとコンピューターのカードがランダムに選ばれ、結果が表示されます。プレイヤーのカードが高ければ勝ち、低ければ負け、同じカードの場合は引き分けとなります。結果は文章と絵文字で表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解です。以下にマイナンバーカードバトルの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>マイナンバーカードバトル</title>
  <style>
    body {
      text-align: center;
      padding-top: 50px;
    }
    #result {
      font-size: 20px;
      margin-top: 20px;
    }
    #player-card, #computer-card {
      font-size: 50px;
    }
    button {
      margin-top: 40px;
      font-size: 25px;
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <h1>マイナンバーカードバトル</h1>
  <div>
    <button id="play-button">プレイ</button>
  </div>
  <div id="result"></div>
  <div>
    <span id="player-card"></span>
    <span>VS</span>
    <span id="computer-card"></span>
  </div>

function playGame() {
      var playerCard = Math.floor(Math.random() * 10 + 1);
      var computerCard = Math.floor(Math.random() * 10 + 1);

document.getElementById("player-card").innerHTML = playerCard;
      document.getElementById("computer-card").innerHTML = computerCard;

if (playerCard > computerCard) {
        document.getElementById("result").innerHTML = "あなたの勝ち！🎉";
      } else if (playerCard < computerCard) {
        document.getElementById("result").innerHTML = "あなたの負け...😢";
      } else {
        document.getElementById("result").innerHTML = "引き分け！😄";
      }
    }
  </script>
</body>
</html>
```