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

No:9294

649

←

Prev Next

→

All solid-state battery vs. lithium-ion battery
Developer User4246｜Date and time 23/7/23 3:58:21
Build time 20.876 sec｜Game capacity 2.022KB｜

Script

下記のコードは、スマホで遊べる簡単なカードゲームです。HTMLファイル内にJavaScriptを含むようにし、プレイヤーとコンピューターが交互にカードを引くゲームとして実装します。

カードゲーム

このコードでは、カードをシャッフルしてプレイヤーとコンピューターに手札を配り、それぞれの手札を画面に表示します。ゲームはボタンをクリックして開始し、メッセージ領域に表示されます。実際にゲームを遊ぶためには、この基本的な機能を拡張する必要があります。カードを引く、カードを捨てる、勝敗の判定などの機能を実装することで、より楽しめるゲームになります。

←

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>
</head>
<body>
  <h1>カードゲーム</h1>
  <div id="message"></div>
  <button onclick="startGame()">ゲームを開始する</button>
  <div id="player-hand"></div>
  <div id="computer-hand"></div>
  <script>
    var cards = ["🂡", "🂢", "🂣", "🂤", "🂥", "🂦", "🂧", "🂨", "🂩", "🂪", "🂫", "🂬", "🂭", "🂮"];
    var playerHand = [];
    var computerHand = [];
  
    function startGame() {
      shuffleCards();
      dealCards();
      displayHands();
      document.getElementById("message").textContent = "ゲームスタート！あなたのターンです。";
    }
  
    function shuffleCards() {
      cards = cards.sort(function() { return 0.5 - Math.random() });
    }
  
    function dealCards() {
      for (var i = 0; i < 7; i++) {
        playerHand.push(cards.pop());
        computerHand.push(cards.pop());
      }
    }
  
    function displayHands() {
      document.getElementById("player-hand").textContent = "あなたの手札: " + playerHand.join(" ");
      document.getElementById("computer-hand").textContent = "相手の手札: " + computerHand.join(" ");
    }
  </script>
</body>
</html>
```

このコードでは、カードをシャッフルしてプレイヤーとコンピューターに手札を配り、それぞれの手札を画面に表示します。ゲームはボタンをクリックして開始し、メッセージ領域に表示されます。

実際にゲームを遊ぶためには、この基本的な機能を拡張する必要があります。カードを引く、カードを捨てる、勝敗の判定などの機能を実装することで、より楽しめるゲームになります。