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

No:50312

164

←

Prev Next

→

Create an animal card game that you choose an anim..ALL
Developer User21294｜Date and time 24/3/8 10:20:54
Build time 6.46 sec｜Game capacity 1.945KB｜

Script

Animal Card Game

Your Animal:

Health: 100

Opponent Animal:

Health: 100

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Animal Card Game</title>
</head>
<body>
    <div id="game">
        <h1>Animal Card Game</h1>
        <div id="player">
            <h2>Your Animal: </h2>
            <img id="player-img" src="images/animal.png" alt="Your Animal">
            <p id="player-health">Health: 100</p>
            <button onclick="attack('rhino')">Rhino</button>
            <button onclick="attack('octopus')">Octopus</button>
            <button onclick="attack('jellyfish')">Jellyfish</button>
        </div>
        <div id="enemy">
            <h2>Opponent Animal: </h2>
            <img id="enemy-img" src="images/shark.png" alt="Opponent Animal">
            <p id="enemy-health">Health: 100</p>
        </div>
    </div>

function updateHealthBars() {
            document.getElementById("player-health").innerText = "Health: " + playerHealth;
            document.getElementById("enemy-health").innerText = "Health: " + enemyHealth;
        }

function attack(playerMove) {
            var enemyMove = Math.floor(Math.random() * 3); // Randomly select enemy move (0 - 2)

if (playerMove === 'rhino' && enemyMove === 2) {
                enemyHealth -= 20;
            } else if (playerMove === 'octopus' && enemyMove === 0) {
                enemyHealth -= 20;
            } else if (playerMove === 'jellyfish' && enemyMove === 1) {
                enemyHealth -= 20;
            } else {
                playerHealth -= 10;
            }

updateHealthBars();

// Check if game is over
            if (playerHealth <= 0 || enemyHealth <= 0) {
                if (playerHealth <= 0) {
                    alert("Game Over! You Lose!");
                } else {
                    alert("Congratulations! You Win!");
                }
            }
        }
    </script>
</body>
</html>