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

No:31495

←

Prev Next

→

War
Developer User10392｜Date and time 23/12/27 6:19:11
Build time 20.047 sec｜Game capacity 3.13KB｜

Script

As an AI language model, I can certainly help you with creating a simple game using JavaScript enclosed in HTML script tags. Here's an example of a game called "War" implemented as a single HTML file:

War Game

In this game, you can see two card placeholders for the player and the computer. When the "Play" button is clicked, it will randomly assign a card from the 'pictograms' array to both players and display the cards on the screen. Then, it will compare the cards and declare the winner. You can copy and save the above code into a single HTML file (e.g., war_game.html) and open it in your web browser, preferably on a smartphone, to play the game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>War Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #card-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 200px;
        }
        .card {
            width: 100px;
            height: 150px;
            background-color: lightgray;
            border: 1px solid darkgray;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            font-weight: bold;
        }
        #result {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>War Game</h1>
    <div id="card-container">
        <div id="player-card" class="card"></div>
        <div id="computer-card" class="card"></div>
    </div>
    <button id="play-btn">Play</button>
    <div id="result"></div>

// Function to get a random card from the pictograms array
        function getRandomCard() {
            const randomIndex = Math.floor(Math.random() * pictograms.length);
            return pictograms[randomIndex];
        }

// Function to compare two cards and determine the winner
        function compareCards(playerCard, computerCard) {
            if (playerCard > computerCard) {
                return "Player wins!";
            } else if (playerCard < computerCard) {
                return "Computer wins!";
            } else {
                return "It's a tie!";
            }
        }

// Function to start the game
        function playGame() {
            const playerCard = getRandomCard();
            const computerCard = getRandomCard();

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

const result = compareCards(playerCard, computerCard);
            document.getElementById("result").innerText = result;
        }

// Event listener for the play button
        document.getElementById("play-btn").addEventListener("click", playGame);
    </script>
</body>
</html>
```

You can copy and save the above code into a single HTML file (e.g., war_game.html) and open it in your web browser, preferably on a smartphone, to play the game.