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

No:36777

42

Make a game where you take turns at attacking diff..ALL
Developer User16864｜Date and time 24/1/18 10:25:00
Build time 12.947 sec｜Game capacity 3.805KB｜

Sure! Here's an example of a simple game where you can take turns attacking monsters using JavaScript and HTML:

Monster Battle Game

Your Turn

In the above code, I have created a simple Monster Battle game where you can attack monsters and heal yourself. The game starts with both you and the monster having 100 health points. The health bar is shown above the buttons. The game has two attack moves and one healing move. When you click on any attack button, a random amount of damage is dealt to the monster, which is deducted from both the monster's and your health points. If the monster's health reaches 0 or below, you win the game. After your attack, it's the monster's turn to attack. The same happens when you choose to heal. If your health points reach 0 or below, the game is over. The health bar is dynamically updated to reflect the current health points of both you and the monster. The game also includes a function to reset the game when it's over. I hope this helps! Let me know if you have any further questions.

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game where you can take turns attacking monsters using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Monster Battle Game</title>
    <style>
        #healthBar {
            width: 100%;
            height: 20px;
            background-color: lightgray;
        }

#currentHealth {
            width: 100%;
            height: 20px;
            background-color: green;
        }

button {
            margin: 10px;
        }
    </style>
</head>
<body>
    <h1>Monster Battle Game</h1>
    <div id="healthBar">
        <div id="currentHealth"></div>
    </div>

<h2>Your Turn</h2>
    <button onclick="attack()">Attack 1</button>
    <button onclick="attack()">Attack 2</button>
    <button onclick="heal()">Heal</button>

<script>
        var monsterHealth = 100;
        var currentHealth = 100;

// Update the health bar
        function updateHealthBar() {
            var healthBar = document.getElementById("currentHealth");
            healthBar.style.width = (currentHealth / monsterHealth * 100) + "%";
        }

// Perform an attack
        function attack() {
            var damage = Math.floor(Math.random() * 20) + 10;
            monsterHealth -= damage;
            currentHealth -= damage;

console.log("You attacked for " + damage + " damage!");
            if (monsterHealth <= 0) {
                console.log("You defeated the monster!");
                resetGame();
            } else {
                console.log("Monster's turn!");
                setTimeout(monsterAttack, 1000);
            }

updateHealthBar();
        }

// Perform a heal
        function heal() {
            var healAmount = Math.floor(Math.random() * 20) + 10;
            currentHealth += healAmount;

console.log("You healed for " + healAmount + " health!");
            if (currentHealth > 100) {
                currentHealth = 100;
            }

console.log("Monster's turn!");
            setTimeout(monsterAttack, 1000);

updateHealthBar();
        }

// Perform monster attack
        function monsterAttack() {
            var monsterDamage = Math.floor(Math.random() * 20) + 10;
            currentHealth -= monsterDamage;

console.log("Monster attacked for " + monsterDamage + " damage!");
            if (currentHealth <= 0) {
                console.log("Game Over!");
                resetGame();
            } else {
                console.log("Your Turn");
            }

updateHealthBar();
        }

// Reset the game
        function resetGame() {
            monsterHealth = 100;
            currentHealth = 100;
            updateHealthBar();
        }

// Start the game
        console.log("Game started!");
        updateHealthBar();
    </script>
</body>
</html>
```

In the above code, I have created a simple Monster Battle game where you can attack monsters and heal yourself. The game starts with both you and the monster having 100 health points. The health bar is shown above the buttons.

The game has two attack moves and one healing move. When you click on any attack button, a random amount of damage is dealt to the monster, which is deducted from both the monster's and your health points. If the monster's health reaches 0 or below, you win the game. After your attack, it's the monster's turn to attack. The same happens when you choose to heal. If your health points reach 0 or below, the game is over.

The health bar is dynamically updated to reflect the current health points of both you and the monster. The game also includes a function to reset the game when it's over.

I hope this helps! Let me know if you have any further questions.