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

No:21347

3258

Cartas onde você pode escolher entre uma cabra que..ALL
Developer anonymous｜Date and time 70/1/1 9:51:49
Build time unknown sec｜Game capacity 3.109KB｜

Jogo de Cartas

Escolha entre a cabra curandeira ou o dragão atacante!

Este código HTML implementa um jogo de cartas em que você pode escolher entre uma "cabra curandeira" ou um "dragão atacante". Quando você seleciona a opção "cabra", sua vida aumenta em 20 pontos. Quando você seleciona a opção "dragão", o inimigo perde pontos de vida de acordo com o ataque do jogador, e o jogador perde pontos de vida de acordo com o ataque do inimigo. Se a vida do inimigo chegar a 0, você vence o jogo. Se a vida do jogador chegar a 0, você perde o jogo. O jogo possui uma representação visual das cartas (na forma de imagens), e o resultado das ações do jogador é exibido em um elemento de texto na página. As imagens estão definidas como "emozi_all/jogo.png" e "emozi_apple.png", e você pode substituí-las por outras imagens de sua escolha. Após cada jogada, o jogo espera dois segundos antes de permitir que você escolha novamente entre atacar ou curar, para fins de jogo mais balanceados.

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Cartas</title>
    <style>
        body {
            text-align: center;
            font-family: "Helvetica", sans-serif;
            padding: 20px;
        }

img {
            width: 200px;
            height: 200px;
            margin: 20px;
        }

#result {
            font-size: 24px;
            margin-top: 50px;
        }
    </style>
</head>
<body>
    <h1>Jogo de Cartas</h1>
    <h2>Escolha entre a cabra curandeira ou o dragão atacante!</h2>
    <img src="cabra.png" id="cabra" onclick="escolher('cabra')">
    <img src="dragao.png" id="dragao" onclick="escolher('dragao')">
    <div id="result"></div>

<script>
        var jogador = {
            vida: 100,
            ataque: 20
        };

var inimigo = {
            vida: 100,
            ataque: 10
        };

function escolher(opcao) {
            var resultElement = document.getElementById("result");
            if (opcao === 'cabra') {
                jogador.vida += 20;
                resultElement.innerText = "Você se curou com a cabra! Sua vida: " + jogador.vida;
            } else if (opcao === 'dragao') {
                inimigo.vida -= jogador.ataque;
                jogador.vida -= inimigo.ataque;
                if (inimigo.vida <= 0) {
                    resultElement.innerText = "Parabéns, você derrotou o inimigo!";
                    document.getElementById("dragao").style.display = "none";
                } else if (jogador.vida <= 0) {
                    resultElement.innerText = "Você foi derrotado pelo inimigo!";
                    document.getElementById("cabra").style.display = "none";
                } else {
                    resultElement.innerText = "Você atacou o inimigo! Vida do inimigo: " + inimigo.vida + ". Sua vida: " + jogador.vida;
                }
            }
            setTimeout(function() {
                document.getElementById("dragao").style.display = "block";
                document.getElementById("cabra").style.display = "block";
                resultElement.innerText = "";
            }, 2000);
        }
    </script>
</body>
</html>
```

Este código HTML implementa um jogo de cartas em que você pode escolher entre uma "cabra curandeira" ou um "dragão atacante". Quando você seleciona a opção "cabra", sua vida aumenta em 20 pontos. Quando você seleciona a opção "dragão", o inimigo perde pontos de vida de acordo com o ataque do jogador, e o jogador perde pontos de vida de acordo com o ataque do inimigo. Se a vida do inimigo chegar a 0, você vence o jogo. Se a vida do jogador chegar a 0, você perde o jogo.

O jogo possui uma representação visual das cartas (na forma de imagens), e o resultado das ações do jogador é exibido em um elemento de texto na página. As imagens estão definidas como "cabra.png" e "dragao.png", e você pode substituí-las por outras imagens de sua escolha.

Após cada jogada, o jogo espera dois segundos antes de permitir que você escolha novamente entre atacar ou curar, para fins de jogo mais balanceados.