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

No:22200

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

Script

Sure! Here's a simple implementation of the game of War using JavaScript and HTML:

War Game

Player 1

Player 2

To play the game, simply open the HTML file in a browser, tap the "Tap to Play" button for each player's deck, and see the result displayed in the middle. The game will determine the winner based on which card value is higher, update the scores accordingly, and display a message. You can play multiple rounds by clicking the "Play Again" button.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple implementation of the game of War using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>War Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

h1 {
      margin-top: 50px;
    }

#player1, #player2 {
      display: inline-block;
      width: 200px;
      height: 300px;
      border: 1px solid #000;
      margin: 20px;
      padding: 10px;
    }

#battlefield {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-bottom: 50px;
    }

.card {
      display: inline-block;
      width: 100px;
      height: 150px;
      border: 1px solid #000;
      margin: 10px;
      padding: 10px;
    }

#result-message {
      margin-top: 20px;
    }

#play-again {
      margin-top: 20px;
    }

.hidden {
      display: none;
    }
  </style>
</head>
<body>
  <h1>War Game</h1>
  <div id="player1">
    <h3>Player 1</h3>
    <button id="player1-deck" onclick="playCard(1)">Tap to Play</button>
  </div>

<div id="player2">
    <h3>Player 2</h3>
    <button id="player2-deck" onclick="playCard(2)">Tap to Play</button>
  </div>

<div id="result-message" class="hidden"></div>
  <button id="play-again" class="hidden" onclick="reset()">Play Again</button>

function playCard(player) {
    // Get a random card value (1-10)
    var cardValue = Math.floor((Math.random() * 10) + 1);

// Display the card on the battlefield
    document.getElementById('card' + player).innerHTML = cardValue;
    document.getElementById('card' + player).classList.remove('hidden');

if (player === 1) {
      card1Value = cardValue;
    } else {
      card2Value = cardValue;
    }

// Check for winner after both players have played
    if (card1Value !== 0 && card2Value !== 0) {
      // Compare the card values
      if (card1Value > card2Value) {
        player1Score++;
        document.getElementById('result-message').innerHTML = 'Player 1 wins this round!';
      } else if (card1Value < card2Value) {
        player2Score++;
        document.getElementById('result-message').innerHTML = 'Player 2 wins this round!';
      } else {
        document.getElementById('result-message').innerHTML = 'It\'s a tie!';
      }

// Update the scores
      document.getElementById('result-message').classList.remove('hidden');
      document.getElementById('play-again').classList.remove('hidden');
      document.getElementById('player1-deck').disabled = true;
      document.getElementById('player2-deck').disabled = true;
    }
  }

function reset() {
    // Reset all variables and UI elements
    player1Score = 0;
    player2Score = 0;
    card1Value = 0;
    card2Value = 0;

document.getElementById('card1').classList.add('hidden');
    document.getElementById('card2').classList.add('hidden');
    document.getElementById('result-message').classList.add('hidden');
    document.getElementById('play-again').classList.add('hidden');
    document.getElementById('player1-deck').disabled = false;
    document.getElementById('player2-deck').disabled = false;
  }
</script>
</body>
</html>
```