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

No:23142

Игра где будут сражаться два персонажа. И им можно..ALL
Developer User10676｜Date and time 23/10/28 3:32:25
Build time 99.441 sec｜Game capacity 4.038KB｜

Script

Игра "Сражение персонажей"

Персонаж 1

Имя: Игрок 1

Урон: 10

Сила: 5

Живучесть: 100

Уровень: 1

Персонаж 2 (Бот)

Имя: Бот

Урон: 8

Сила: 3

Живучесть: 80

Уровень: 1

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Игра "Сражение персонажей"</title>
    <style>
      body {
        text-align: center;
      }

#character1,
      #character2 {
        display: inline-block;
        margin: 20px;
      }

.button {
        padding: 10px 20px;
        font-size: 18px;
        margin: 10px;
        cursor: pointer;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 4px;
      }
    </style>
  </head>

<body>
    <h1>Игра "Сражение персонажей"</h1>
    <div id="character1">
      <h2>Персонаж 1</h2>
      <img src="character1.png" alt="Персонаж 1" width="200" height="200">
      <p id="character1Name">Имя: Игрок 1</p>
      <p>Урон: <span id="character1Damage">10</span></p>
      <p>Сила: <span id="character1Strength">5</span></p>
      <p>Живучесть: <span id="character1Health">100</span></p>
      <p>Уровень: <span id="character1Level">1</span></p>
      <button class="button" onclick="attack(character1, character2)">Атаковать</button>
    </div>

<div id="character2">
      <h2>Персонаж 2 (Бот)</h2>
      <img src="character2.png" alt="Персонаж 2" width="200" height="200">
      <p id="character2Name">Имя: Бот</p>
      <p>Урон: <span id="character2Damage">8</span></p>
      <p>Сила: <span id="character2Strength">3</span></p>
      <p>Живучесть: <span id="character2Health">80</span></p>
      <p>Уровень: <span id="character2Level">1</span></p>
      <button class="button" onclick="attack(character2, character1)">Атаковать</button>
    </div>

var character2 = {
        name: "Бот",
        damage: 8,
        strength: 3,
        health: 80,
        level: 1
      };

// Функция атаки
      function attack(attacker, defender) {
        var damageDealt = Math.round(
          attacker.damage * (1 + attacker.strength / 10)
        ); // Расчет урона, учитывая силу атакующего

var damageReceived = Math.round(
          defender.damage * (1 - defender.strength / 10)
        ); // Расчет урона, учитывая защиту защищающегося

defender.health -= damageDealt; // Уменьшение здоровья защищающегося
        attacker.health -= damageReceived; // Уменьшение здоровья атакующего

// Проверка на смерть персонажа
        if (defender.health <= 0) {
          alert(attacker.name + " победил!");
        } else if (attacker.health <= 0) {
          alert(defender.name + " победил!");
        }

// Обновление значений на странице
        document.getElementById("character1Name").innerHTML =
          "Имя: " + character1.name;
        document.getElementById("character1Damage").innerHTML =
          character1.damage;
        document.getElementById("character1Strength").innerHTML =
          character1.strength;
        document.getElementById("character1Health").innerHTML =
          character1.health;
        document.getElementById("character1Level").innerHTML = character1.level;

document.getElementById("character2Name").innerHTML =
          "Имя: " + character2.name;
        document.getElementById("character2Damage").innerHTML =
          character2.damage;
        document.getElementById("character2Strength").innerHTML =
          character2.strength;
        document.getElementById("character2Health").innerHTML =
          character2.health;
        document.getElementById("character2Level").innerHTML = character2.level;
      }
    </script>
  </body>
</html>