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

No:38676

Fighting game you are emoji with boxing gloves fig..ALL
Developer User17401｜Date and time 24/1/25 7:26:39
Build time 15.559 sec｜Game capacity 2.993KB｜

Script

Sure! Here's a simple implementation of a fighting game using JavaScript and HTML, where you, as an emoji with boxing gloves, fight different characters based on the text you input. Each fighter has five health points, and there are 20 rounds in total.

Emoji Battle

Round 1

Emoji Fighter

Health: 5

Enemy Fighter

Health: 5

Enter Text:

Make sure to place the "emozi_all/emoji.png" and "emozi_all/enemy.png" images in the same directory as the HTML file. You can update the image sources with your desired emoji and enemy character. To play the game, simply open the HTML file in a web browser, enter text into the input box, and click on the "Fight!" button. The game will run for 20 rounds, and you'll either win or lose based on the health points of both fighters. Enjoy!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Battle</title>
</head>
<body>
  <h1>Emoji Battle</h1>
  <h2>Round <span id="roundCount">1</span></h2>
  <div id="fighter1" class="fighter">
    <h3>Emoji Fighter</h3>
    <img src="emoji.png" alt="Emoji Fighter" class="emoji">
    <p>Health: <span id="fighter1Health">5</span></p>
  </div>
  <div id="fighter2" class="fighter">
    <h3>Enemy Fighter</h3>
    <img src="enemy.png" alt="Enemy Fighter" class="emoji">
    <p>Health: <span id="fighter2Health">5</span></p>
  </div>
  <div id="inputBox">
    <label for="inputText">Enter Text: </label>
    <input type="text" id="inputText" />
    <button onclick="fight()">Fight!</button>
  </div>

function fight() {
      const input = document.getElementById('inputText').value;
      const randomDamage = Math.floor(Math.random() * 3) + 1; // Random damage between 1-3
      fighter2Health -= randomDamage;

if (fighter2Health <= 0) {
        alert('You win!'); // Display win message
        resetGame();
        return;
      }

const damageTaken = input.length > 0 ? input.length : 1;
      fighter1Health -= damageTaken;

if (fighter1Health <= 0) {
        alert('You lose!'); // Display loss message
        resetGame();
        return;
      }

document.getElementById('fighter1Health').innerText = fighter1Health;
      document.getElementById('fighter2Health').innerText = fighter2Health;
      document.getElementById('roundCount').innerText = ++round;

document.getElementById('inputText').value = '';
    }

function resetGame() {
      round = 1;
      fighter1Health = 5;
      fighter2Health = 5;
      document.getElementById('fighter1Health').innerText = fighter1Health;
      document.getElementById('fighter2Health').innerText = fighter2Health;
      document.getElementById('roundCount').innerText = round;
      document.getElementById('inputText').value = '';
    }
  </script>

.emoji {
      width: 100px;
      height: 100px;
    }

#inputBox {
      text-align: center;
      margin-top: 50px;
    }
  </style>
</body>
</html>
```

Make sure to place the "emoji.png" and "enemy.png" images in the same directory as the HTML file. You can update the image sources with your desired emoji and enemy character.

To play the game, simply open the HTML file in a web browser, enter text into the input box, and click on the "Fight!" button. The game will run for 20 rounds, and you'll either win or lose based on the health points of both fighters. Enjoy!