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

No:18697

←

Prev Next

→

Battle simulator
Developer User8246｜Date and time 23/9/30 11:46:03
Build time 15.889 sec｜Game capacity 4.123KB｜

Script

لعبة المحاكي المعركة

اختر أيقونة المعركة:

🖕

🛡

🤕

اختر تحرك:

الهجوم

الدفاع

الشفاء

حالة اللاعبان:

←

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 {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .pictogram {
      font-size: 50px;
    }
    .button {
      background-color: #4CAF50;
      border: none;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>لعبة المحاكي المعركة</h1>
  <h2>اختر أيقونة المعركة:</h2>
  
  <div id="player1" class="pictogram" onclick="selectIcon('player1')">🖕</div>
  <div id="player2" class="pictogram" onclick="selectIcon('player2')">🛡</div>
  <div id="player3" class="pictogram" onclick="selectIcon('player3')">🤕</div>
  
  <h2>اختر تحرك:</h2>

<div class="button" onclick="attack()">الهجوم</div>
  <div class="button" onclick="defend()">الدفاع</div>
  <div class="button" onclick="heal()">الشفاء</div>

<h2>حالة اللاعبان:</h2>
  <div id="player1Status"></div>
  <div id="player2Status"></div>
  <div id="player3Status"></div>

function attack() {
      var damage = Math.floor(Math.random() * 10) + 1;
      player2Health -= damage;
      player3Health -= damage;
      updateStatus('player2', player2Health);
      updateStatus('player3', player3Health);
      checkGameOver();
    }

function defend() {
      if (player1Icon === '') {
        alert('الرجاء تحديد أيقونة اللاعب!');
        return;
      }

var healedAmount = Math.floor(Math.random() * 10) + 1;
      player1Health += healedAmount;
      updateStatus('player1', player1Health);
      checkGameOver();
    }

function heal() {
      if (player1Icon === '') {
        alert('الرجاء تحديد أيقونة اللاعب!');
        return;
      }

var damage = Math.floor(Math.random() * 10) + 1;
      player2Health -= damage;
      player3Health -= damage;
      var healedAmount = Math.floor(Math.random() * 10) + 1;
      player1Health += healedAmount;
      updateStatus('player1', player1Health);
      updateStatus('player2', player2Health);
      updateStatus('player3', player3Health);
      checkGameOver();
    }

function updateStatus(player, health) {
      var status = document.getElementById(player + 'Status');
      status.innerHTML = '';
      for (var i = 0; i < health; i += 10) {
        status.innerHTML += '❤';
      }
    }

function resetGame() {
      player1Icon = '';
      player2Icon = '';
      player3Icon = '';
      player1Health = 100;
      player2Health = 100;
      player3Health = 100;
      document.getElementById('player1').style.backgroundColor = 'white';
      document.getElementById('player2').style.backgroundColor = 'white';
      document.getElementById('player3').style.backgroundColor = 'white';
      updateStatus('player1', player1Health);
      updateStatus('player2', player2Health);
      updateStatus('player3', player3Health);
    }
  </script>
</body>
</html>