Make the classic card game war for two players with a deck on top and bottom of screen for each player to tap the deck and it throws a random card out in the middle in front of each players deck whoever card is bigger wins a point till all the cards are gone, keep scores for each player until all the cards r gone, keep track of score for each player's game

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

No:22202

←

Prev Next

→

Make the classic card game war for two players wit..ALL
Developer User10267｜Date and time 23/10/21 13:06:00
Build time 67.518 sec｜Game capacity 3.623KB｜

Script

Sure! Here's an example of how the classic card game "War" can be implemented as a single HTML file using JavaScript:

Player 1

Score: 0

Player 2

Score: 0

This code creates a simple web-based version of the game "War" for two players. Each player can tap their respective deck to draw a random card. The value of the card is displayed on top of the deck. After each card is played, the winner of the round is determined based on the card values, and the scores are updated. The game continues until all the cards are gone, at which point the final scores are displayed. Please note that this is a basic implementation, and it can be extended or customized further based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's an example of how the classic card game "War" can be implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>War Game</title>
  <style>
    .card {
      width: 100px;
      height: 150px;
      background-color: lightgray;
      border: 2px solid gray;
      border-radius: 5px;
      display: inline-block;
      margin: 10px;
      text-align: center;
      font-size: 24px;
      line-height: 150px;
    }
    #player1, #player2 {
      margin-bottom: 20px;
    }
    #result {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    #score {
      font-size: 20px;
    }
  </style>
</head>
<body>
  <div id="player1">
    <h2>Player 1</h2>
    <div class="card" id="player1Card" onclick="playCard(1)"></div>
    <div id="player1Score">Score: 0</div>
  </div>
  
  <div id="player2">
    <h2>Player 2</h2>
    <div class="card" id="player2Card" onclick="playCard(2)"></div>
    <div id="player2Score">Score: 0</div>
  </div>
  
  <div id="result"></div>
  <div id="score"></div>
  
  <script>
    var deck = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]; // Cards: 2 to Ace
    var player1Score = 0;
    var player2Score = 0;
    
    function playCard(player) {
      if (deck.length === 0) {
        endGame();
        return;
      }
      
      var randomIndex = Math.floor(Math.random() * deck.length);
      var cardValue = deck[randomIndex];
      deck.splice(randomIndex, 1); // Remove the card from the deck
      
      if (player === 1) {
        document.getElementById("player1Card").innerText = cardValue;
      } else {
        document.getElementById("player2Card").innerText = cardValue;
      }
      
      determineWinner(cardValue);
    }
    
    function determineWinner(cardValue) {
      var player1CardValue = parseInt(document.getElementById("player1Card").innerText);
      var player2CardValue = parseInt(document.getElementById("player2Card").innerText);
      
      if (cardValue > player2CardValue) {
        player1Score++;
        document.getElementById("result").innerText = "Player 1 wins this round!";
      } else if (player2CardValue > cardValue) {
        player2Score++;
        document.getElementById("result").innerText = "Player 2 wins this round!";
      } else {
        document.getElementById("result").innerText = "It's a tie!";
      }
      
      updateScores();
    }
    
    function updateScores() {
      document.getElementById("player1Score").innerText = "Score: " + player1Score;
      document.getElementById("player2Score").innerText = "Score: " + player2Score;
    }
    
    function endGame() {
      document.getElementById("result").innerText = "Game over!";
      document.getElementById("player1Card").style.visibility = "hidden";
      document.getElementById("player2Card").style.visibility = "hidden";
      
      document.getElementById("score").innerHTML = "<strong>Final Scores:</strong><br>Player 1: " + player1Score + "<br>Player 2: " + player2Score;
    }
  </script>
</body>
</html>
```

Please note that this is a basic implementation, and it can be extended or customized further based on your requirements.