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

No:50309

195

←

Prev Next

→

Create an animal card game that you choose an anim..ALL
Developer User21294｜Date and time 24/3/8 10:18:13
Build time 9.533 sec｜Game capacity 2.418KB｜

Script

Welcome to the Animal Card Game!

Your Animal:

Choose from Rhino, Octopus, or Jellyfish.

Opponent's Animal:

Your opponent has Shark, Jellyfish, and Honey Badger.

Game Status:

Choose your move to attack the opponent.

Result:

Waiting for the game to start...

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

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

<head>
    <meta charset="UTF-8">
    <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>

<div id="player">
        <h2>Your Animal:</h2>
        <p>Choose from Rhino, Octopus, or Jellyfish.</p>
        <button onclick="selectAnimal('Rhino')">Rhino</button>
        <button onclick="selectAnimal('Octopus')">Octopus</button>
        <button onclick="selectAnimal('Jellyfish')">Jellyfish</button>
    </div>

<div id="opponent">
        <h2>Opponent's Animal:</h2>
        <p>Your opponent has Shark, Jellyfish, and Honey Badger.</p>
    </div>

<div id="game">
        <h2>Game Status:</h2>
        <p>Choose your move to attack the opponent.</p>
        <button onclick="attack('Move 1')">Move 1</button>
        <button onclick="attack('Move 2')">Move 2</button>
        <button onclick="attack('Move 3')">Move 3</button>
    </div>

<div id="result">
        <h2>Result:</h2>
        <p>Waiting for the game to start...</p>
    </div>

function selectAnimal(animal) {
            playerAnimal = animal;
            document.getElementById("player").innerHTML = `<h2>Your Animal:</h2><p>You selected ${playerAnimal}.</p>`;
        }

function attack(move) {
            if (playerAnimal === "" || playerHP <= 0) {
                document.getElementById("result").innerHTML = "<p>Please select your animal to start the game.</p>";
                return;
            }

const opponentMove = opponentAnimals[Math.floor(Math.random() * opponentAnimals.length)];

document.getElementById("result").innerHTML = `<p>${playerAnimal} used ${move} against ${opponentMove}.</p>`;
            playerHP -= Math.floor(Math.random() * 20) + 10;

if (playerHP <= 0) {
                document.getElementById("result").innerHTML += "<p>You lost the game! Please select a new animal to play again.</p>";
                playerAnimal = "";
                playerHP = 100;
            } else {
                document.getElementById("result").innerHTML += `<p>Your HP: ${playerHP}</p>`;
            }
        }
    </script>
</body>

</html>