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

No:21515

←

Prev Next

→

Batalha de cartas
Developer User9856｜Date and time 23/10/16 0:48:10
Build time 78.263 sec｜Game capacity 2.984KB｜

Script

Batalha de Cartas

Jogador

Computador

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Batalha de Cartas</title>
    <style>
        body {
            background-color: #f0f0f0;
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        h1 {
            margin-top: 50px;
        }
        
        #player {
            display: inline-block;
            border: 1px solid black;
            width: 300px;
            height: 400px;
            margin: 20px;
            background-color: white;
        }
        
        #cpu {
            display: inline-block;
            border: 1px solid black;
            width: 300px;
            height: 400px;
            margin: 20px;
            background-color: white;
        }
        
        #result {
            font-size: 20px;
            font-weight: bold;
            margin-top: 50px;
        }
        
        #button {
            display: block;
            margin: 30px auto;
            padding: 10px 20px;
            font-size: 18px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Batalha de Cartas</h1>
    <div id="player">
        <h2>Jogador</h2>
        <img id="playerCard" src="" width="200" height="300">
    </div>
    <div id="cpu">
        <h2>Computador</h2>
        <img id="cpuCard" src="" width="200" height="300">
    </div>
    <div id="result"></div>
    <button id="button">Jogar</button>

// Função para selecionar uma carta aleatória
        function getRandomCard() {
            const randomIndex = Math.floor(Math.random() * cards.length);
            return cards[randomIndex];
        }

// Função para iniciar uma rodada de batalha
        function playRound() {
            const playerCard = getRandomCard();
            const cpuCard = getRandomCard();

document.getElementById('playerCard').src = `imagens/${playerCard.name}.png`;
            document.getElementById('cpuCard').src = `imagens/${cpuCard.name}.png`;

if (playerCard.attack > cpuCard.defense) {
                document.getElementById('result').textContent = 'Você venceu!';
            } else if (playerCard.attack < cpuCard.defense) {
                document.getElementById('result').textContent = 'Você perdeu!';
            } else {
                document.getElementById('result').textContent = 'Empate!';
            }
        }

const button = document.getElementById('button');
        button.addEventListener('click', playRound);
    </script>
</body>
</html>