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

No:7451

2646

←

Prev Next

→

Warhammer
Developer User3477｜Date and time 23/7/7 22:29:55
Build time 22.778 sec｜Game capacity 3.36KB｜

Script

Here's a basic implementation of a Warhammer game in a single HTML file with JavaScript:

Warhammer Game

Player 1

Player 2

Result

This is a simple turn-based game where two players can attack and defend. Each attack decreases the opponent's health by a random damage value (between 10 and 20). If a defending player is attacked, the damage is reduced by half. The game ends when one player's health reaches 0 or below, and the winner is displayed. The UI is updated after each action to show the remaining health of each player.

←

Prev　Next

→ 　

Back　

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

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

Here's a basic implementation of a Warhammer game in a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Warhammer Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .button {
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      text-align: center;
      display: inline-block;
      font-size: 16px;
      cursor: pointer;
      border-radius: 5px;
      margin: 10px;
    }
  </style>
</head>
<body>
  <h1>Warhammer Game</h1>

<div id="game">
    <div id="playerOne">
      <h2>Player 1</h2>
      <button class="button" onclick="attack(1)">Attack</button>
      <button class="button" onclick="defend(1)">Defend</button>
    </div>

<div id="playerTwo">
      <h2>Player 2</h2>
      <button class="button" onclick="attack(2)">Attack</button>
      <button class="button" onclick="defend(2)">Defend</button>
    </div>

<div id="result">
      <h2>Result</h2>
      <p id="winner"></p>
    </div>
  </div>

function attack(player) {
      const opponent = player === 1 ? 2 : 1;
      const damage = getRandomNumber(10, 20);

if (player === 1 && player2Defend) {
        player2Health -= Math.ceil(damage / 2);
        player2Defend = false;
      } else if (player === 2 && player1Defend) {
        player1Health -= Math.ceil(damage / 2);
        player1Defend = false;
      } else {
        if (player === 1) {
          player2Health -= damage;
        } else if (player === 2) {
          player1Health -= damage;
        }
      }

checkGameOver();
      updateUI();
    }

function defend(player) {
      if (player === 1) {
        player1Defend = true;
      } else if (player === 2) {
        player2Defend = true;
      }
      updateUI();
    }

function updateUI() {
      document.getElementById('playerOne').innerHTML = `<h2>Player 1</h2><p>Health: ${player1Health}</p><button class="button" onclick="attack(1)">Attack</button><button class="button" onclick="defend(1)">Defend</button>`;
      document.getElementById('playerTwo').innerHTML = `<h2>Player 2</h2><p>Health: ${player2Health}</p><button class="button" onclick="attack(2)">Attack</button><button class="button" onclick="defend(2)">Defend</button>`;
    }

function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
  </script>
</body>
</html>
```