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

No:26401

←

Prev Next

→

Fighting game
Developer User13083｜Date and time 23/11/30 5:45:27
Build time 88.517 sec｜Game capacity 2.964KB｜

Script

Sure, here's a simple fighting game implemented as a single HTML file using JavaScript and pictograms:

Fighting Game

🤺

👹

In this game, there are two players represented by pictograms: a fencer (🤺) and a demon (👹). Each player starts with a health of 100. The players can attack each other by clicking the "Attack 1" or "Attack 2" buttons. The attack power and defense power are randomly generated for each attack. The health of each player will be displayed below their respective pictograms. Once a player's health reaches 0 or below, the game ends, and a winner is declared. Buttons will be disabled after the game ends to prevent further attacks. Please note that this is a basic implementation and can be expanded upon to include more features and complexity as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's a simple fighting game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fighting Game</title>
  <style>
    body {
      background-color: #222;
      color: #fff;
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    .pictogram {
      font-size: 80px;
      line-height: 1;
      margin-bottom: 10px;
    }
    
    button {
      padding: 10px 20px;
      font-size: 20px;
      background-color: #444;
      color: #fff;
      border: none;
      cursor: pointer;
      margin-top: 20px;
    }
    
    button:hover {
      background-color: #666;
    }
  </style>
</head>
<body>
  <h1>Fighting Game</h1>
  
  <div class="pictogram" id="player1">🤺</div>
  <div class="pictogram" id="player2">👹</div>
  <button onclick="attack(1)">Attack 1</button>
  <button onclick="attack(2)">Attack 2</button>
  
  <script>
    let player1Health = 100;
    let player2Health = 100;
  
    function attack(player) {
      const attackPower = Math.floor(Math.random() * 20) + 1;
      const defensePower = Math.floor(Math.random() * 10) + 1;
  
      if (player === 1) {
        player2Health -= attackPower - defensePower;
        document.getElementById("player2").innerHTML = "👹" + " " + player2Health;
      } else if (player === 2) {
        player1Health -= attackPower - defensePower;
        document.getElementById("player1").innerHTML = "🤺" + " " + player1Health;
      }
  
      checkGameOver();
    }
  
    function checkGameOver() {
      if (player1Health <= 0) {
        document.getElementById("player1").innerHTML = "🤺" + " " + "0 (Defeated)";
        document.getElementById("player2").innerHTML = "👹" + " " + player2Health;
        disableButtons();
        alert("Player 2 wins!");
      } else if (player2Health <= 0) {
        document.getElementById("player1").innerHTML = "🤺" + " " + player1Health;
        document.getElementById("player2").innerHTML = "👹" + " " + "0 (Defeated)";
        disableButtons();
        alert("Player 1 wins!");
      }
    }
  
    function disableButtons() {
      document.getElementsByTagName("button")[0].disabled = true;
      document.getElementsByTagName("button")[1].disabled = true;
    }
  </script>
</body>
</html>
```

The health of each player will be displayed below their respective pictograms. Once a player's health reaches 0 or below, the game ends, and a winner is declared. Buttons will be disabled after the game ends to prevent further attacks.

Please note that this is a basic implementation and can be expanded upon to include more features and complexity as desired.