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

No:50310

Create an animal card game that you choose an anim..ALL
Developer User21294｜Date and time 24/3/8 10:19:32
Build time 8.36 sec｜Game capacity 2.247KB｜

Script

Welcome to the Animal Card Game!

Choose your animal: Rhino, Octopus, or Jellyfish

Your HP: 100

Enemy HP: 100

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Animal Card Game</title>
</head>

<body>
    <h1>Welcome to the Animal Card Game!</h1>
    <h2>Choose your animal: Rhino, Octopus, or Jellyfish</h2>

<div id="game">
        <button id="rhino" onclick="playerMove('rhino')">Rhino</button>
        <button id="octopus" onclick="playerMove('octopus')">Octopus</button>
        <button id="jellyfish" onclick="playerMove('jellyfish')">Jellyfish</button>
    </div>

<h3>Your HP: <span id="playerHP">100</span></h3>
    <h3>Enemy HP: <span id="enemyHP">100</span></h3>

function playerMove(playerChoice) {
            const enemyChoices = ['shark', 'jellyfish', 'honey badger'];
            const enemyChoice = enemyChoices[Math.floor(Math.random() * enemyChoices.length)];

let playerDamage = 0;
            let enemyDamage = 0;

switch(playerChoice) {
                case 'rhino':
                    playerDamage = 20;
                    break;
                case 'octopus':
                    playerDamage = 15;
                    break;
                case 'jellyfish':
                    playerDamage = 10;
                    break;
            }

switch(enemyChoice) {
                case 'shark':
                    enemyDamage = 25;
                    break;
                case 'jellyfish':
                    enemyDamage = 15;
                    break;
                case 'honey badger':
                    enemyDamage = 10;
                    break;
            }

playerHealth -= enemyDamage;
            enemyHealth -= playerDamage;

document.getElementById('playerHP').textContent = playerHealth;
            document.getElementById('enemyHP').textContent = enemyHealth;

if(playerHealth <= 0) {
                alert("You lose! Game Over!");
            } else if(enemyHealth <= 0) {
                alert("Congratulations! You win!");
            }
        }
    </script>
</body>

</html>