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

No:31124

150

←

Prev Next

→

Fighting game where you use your fist button to p..ALL
Developer User7632｜Date and time 23/12/25 3:25:53
Build time 24.853 sec｜Game capacity 3.58KB｜

Script

Sure! Here's a simple fighting game implemented as a single HTML file:

Fighting Game

In the code above, you can place your pictogram images in a folder called "pictograms" within the same directory as this HTML file. The game allows you to punch, dodge, and kick the enemy by clicking on the corresponding buttons. The player and enemy health are tracked, and the game ends when either health reaches zero. Good luck and have fun playing the game!

←

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:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fighting Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game-container {
      margin-top: 30px;
    }
    #player-img, #enemy-img {
      width: 150px;
      height: 150px;
      margin-bottom: 10px;
    }
    .button {
      display: inline-block;
      padding: 10px 20px;
      font-size: 16px;
      border: none;
      border-radius: 4px;
      background-color: #4CAF50;
      color: white;
      cursor: pointer;
      margin: 5px;
      text-align: center;
      text-decoration: none;
    }
    #punch-button, #dodge-button, #kick-button {
      background-color: #f44336;
    }
  </style>
</head>
<body>
  <h1>Fighting Game</h1>
  <div id="game-container">
    <img id="player-img" src="pictograms/fist.png" alt="Player">
    <img id="enemy-img" src="pictograms/enemy.png" alt="Enemy">
  </div>
  <div>
    <button class="button" id="punch-button">Punch</button>
    <button class="button" id="dodge-button">Dodge</button>
    <button class="button" id="kick-button">Kick</button>
  </div>
  <script>
    // Store player and enemy elements
    const playerImg = document.getElementById('player-img');
    const enemyImg = document.getElementById('enemy-img');

// Track player and enemy health
    let playerHealth = 100;
    let enemyHealth = 100;

// Function to update game status
    function updateStatus() {
      if (playerHealth <= 0) {
        playerImg.src = "pictograms/defeated.png";
        disableButtons();
        alert("Game Over! You Lose!");
      }
      if (enemyHealth <= 0) {
        enemyImg.src = "pictograms/defeated.png";
        disableButtons();
        alert("Congratulations! You Win!");
      }
    }

// Function to disable buttons
    function disableButtons() {
      document.getElementById('punch-button').disabled = true;
      document.getElementById('dodge-button').disabled = true;
      document.getElementById('kick-button').disabled = true;
    }

// Function to handle player actions
    function performAction(action) {
      switch (action) {
        case 'punch':
          playerImg.src = "pictograms/fist.png";
          enemyImg.src = "pictograms/damage.png";
          enemyHealth -= 10;
          break;
        case 'dodge':
          playerImg.src = "pictograms/dodge.png";
          break;
        case 'kick':
          playerImg.src = "pictograms/kick.png";
          enemyImg.src = "pictograms/damage.png";
          enemyHealth -= 20;
          break;
      }
      setTimeout(() => {
        playerImg.src = "pictograms/fist.png";
        enemyImg.src = "pictograms/enemy.png";
        updateStatus();
      }, 500);
    }

// Attach click event handlers to buttons
    document.getElementById('punch-button').addEventListener('click', () => {
      performAction('punch');
    });
    document.getElementById('dodge-button').addEventListener('click', () => {
      performAction('dodge');
    });
    document.getElementById('kick-button').addEventListener('click', () => {
      performAction('kick');
    });
  </script>
</body>
</html>
```