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

No:47584

104

←

Prev Next

→

Make card game with round sistem and a Darwina sis..ALL
Developer User20499｜Date and time 24/2/28 15:31:29
Build time 12.308 sec｜Game capacity 2.424KB｜

Script

Wild West Card Game

Your Deck

Computer's Deck

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Wild West Card Game</title>
    <style>
        body {
            text-align: center;
            background: url('wild_west_background.jpg');
            background-size: cover;
            color: white;
            font-family: Arial, sans-serif;
        }
        #gameContainer {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #playerDeck, #computerDeck {
            display: inline-block;
            margin: 0 20px;
            padding: 20px;
            background: rgba(0,0,0,0.5);
            border-radius: 10px;
        }
    </style>
</head>
<body>
    <h1>Wild West Card Game</h1>
    
    <div id="gameContainer">
        <div id="playerDeck">
            <h2>Your Deck</h2>
            <button onclick="drawCard('player')">Draw Card</button>
            <ul id="playerCards"></ul>
        </div>
        
        <div id="computerDeck">
            <h2>Computer's Deck</h2>
            <button onclick="drawCard('computer')">Draw Card</button>
            <ul id="computerCards"></ul>
        </div>
    </div>
    
    <script>
        let playerCards = ['damage', 'damage', 'damage', 'regen', 'regen', 'regen']; // Cards in player's deck
        let computerCards = ['damage', 'damage', 'damage', 'regen', 'regen', 'regen']; // Cards in computer's deck
        
        function drawCard(player) {
            let deck;
            let cards;
            if(player === 'player') {
                deck = playerCards;
                cards = document.getElementById('playerCards');
            } else {
                deck = computerCards;
                cards = document.getElementById('computerCards');
            }
            
            let cardIndex = Math.floor(Math.random() * deck.length);
            let drawnCard = deck[cardIndex];
            
            // Process the drawn card
            if(drawnCard === 'damage') {
                console.log('Damage card drawn');
                // Implement damage logic
            } else if(drawnCard === 'regen') {
                console.log('Regen card drawn');
                // Implement regeneration logic
            }
            
            deck.splice(cardIndex, 1); // Remove the card from the deck
            cards.innerHTML += `<li>${drawnCard}</li>`;
        }
    </script>
</body>
</html>