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

No:43201

152

←

Prev Next

→

Battle maker. Make your enemy by puting a emoji an..ALL
Developer User17401｜Date and time 24/2/14 22:02:24
Build time 13.728 sec｜Game capacity 3.798KB｜

Script

Sure, here's an example of a simple battle game using JavaScript and emoji pictograms:

Battle Maker Game

Enemy Maker

Enemy Emoji:

Enemy Name:

This HTML file creates a battle game where you can create an enemy by entering an emoji and name. You can then battle the enemy by entering attack text in the text box. Both you and the enemy start with 40 health points. The game progresses by attacking each other with randomly generated attack strengths. The battle results are displayed below the attack input. The game ends either when your or the enemy's health reaches 0 or lower, and the corresponding result is displayed.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple battle game using JavaScript and emoji pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Battle Maker Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }

#battleResults {
            margin-top: 50px;
            font-size: 18px;
        }

input[type="text"] {
            padding: 10px;
            font-size: 16px;
        }

button {
            padding: 10px 20px;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <h1>Battle Maker Game</h1>
    <div id="enemySection">
        <h2>Enemy Maker</h2>
        <label for="enemyEmoji">Enemy Emoji: </label>
        <input type="text" id="enemyEmoji">
        <br><br>
        <label for="enemyName">Enemy Name: </label>
        <input type="text" id="enemyName">
        <br><br>
        <button onclick="createEnemy()">Create Enemy</button>
    </div>
    <div id="battleSection" style="display: none;">
        <h2>Battle Section</h2>
        <label for="attackInput">Your Attack: </label>
        <input type="text" id="attackInput">
        <button onclick="attack()">Attack</button>
        <div id="battleResults"></div>
    </div>
    <script>
        let enemyEmoji = "";
        let enemyName = "";
        let enemyHealth = 40;
        let playerHealth = 40;

function createEnemy() {
            enemyEmoji = document.getElementById("enemyEmoji").value.trim();
            enemyName = document.getElementById("enemyName").value.trim();
            if (enemyEmoji !== "" && enemyName !== "") {
                document.getElementById("enemySection").style.display = "none";
                document.getElementById("battleSection").style.display = "block";
            }
        }

function attack() {
            let attackText = document.getElementById("attackInput").value.trim();
            if (attackText !== "") {
                let playerAttack = Math.floor(Math.random() * 10) + 1;  // Random attack strength
                let enemyAttack = Math.floor(Math.random() * 10) + 1;

enemyHealth -= playerAttack;
                playerHealth -= enemyAttack;

document.getElementById("attackInput").value = "";
                document.getElementById("battleResults").innerHTML += attackResults;

if (playerHealth <= 0 && enemyHealth <= 0) {
                    endGame("It's a tie!");
                } else if (playerHealth <= 0) {
                    endGame("You lost!");
                } else if (enemyHealth <= 0) {
                    endGame("You won!");
                }
            }
        }

function endGame(result) {
            document.getElementById("attackInput").disabled = true;
            document.getElementById("battleResults").innerHTML += `<p><strong>${result}</strong></p>`;
        }
    </script>
</body>
</html>
```