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

No:26543

←

Prev Next

→

لعبه حرب
Developer User13188｜Date and time 23/12/1 16:45:07
Build time 66.18 sec｜Game capacity 4.116KB｜

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 {
  background-color: #f8f8f8;
  font-family: Arial, sans-serif;
  text-align: center;
}

h1 {
  color: #333333;
}

button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

#game-board {
  width: 200px;
  height: 200px;
  margin: 20px auto;
  border: 1px solid #333333;
  display: flex;
  flex-wrap: wrap;
}

.cell {
  width: 33.33%;
  height: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #333333;
  box-sizing: border-box;
  font-size: 36px;
}

</style>
</head>
<body>
  <h1>لعبة حرب</h1>
  <button onclick="startGame()">ابدأ اللعبة</button>
  <div id="game-board"></div>

// تهيئة لوحة اللعبة
    function initializeGameBoard() {
      for (var i = 0; i < 9; i++) {
        var cell = document.createElement("div");
        cell.className = "cell";
        cell.onclick = cellClickHandler;
        gameBoard.appendChild(cell);
        cells.push(cell);
      }
    }

// تعيين اللاعب المناسب للخلية
    function cellClickHandler(event) {
      if (gameOver) return;

var cell = event.target;
      if (cell.innerHTML === "") {
        cell.innerHTML = currentTurn === 0 ? "X" : "O";
        cell.style.backgroundColor = currentTurn === 0 ? "#4CAF50" : "#f44336";
        cell.style.color = "#ffffff";

if (checkWin()) {
          gameOver = true;
          announceWinner(currentTurn);
        } else if (checkTie()) {
          gameOver = true;
          announceTie();
        } else {
          currentTurn = 1 - currentTurn;
        }
      }
    }

// التحقق من حالة الفوز
    function checkWin() {
      var symbols = ["X", "O"];
      for (var i = 0; i < symbols.length; i++) {
        var symbol = symbols[i];
        if (
          (cells[0].innerHTML === symbol &&
            cells[1].innerHTML === symbol &&
            cells[2].innerHTML === symbol) ||
          (cells[3].innerHTML === symbol &&
            cells[4].innerHTML === symbol &&
            cells[5].innerHTML === symbol) ||
          (cells[6].innerHTML === symbol &&
            cells[7].innerHTML === symbol &&
            cells[8].innerHTML === symbol) ||
          (cells[0].innerHTML === symbol &&
            cells[3].innerHTML === symbol &&
            cells[6].innerHTML === symbol) ||
          (cells[1].innerHTML === symbol &&
            cells[4].innerHTML === symbol &&
            cells[7].innerHTML === symbol) ||
          (cells[2].innerHTML === symbol &&
            cells[5].innerHTML === symbol &&
            cells[8].innerHTML === symbol) ||
          (cells[0].innerHTML === symbol &&
            cells[4].innerHTML === symbol &&
            cells[8].innerHTML === symbol) ||
          (cells[2].innerHTML === symbol &&
            cells[4].innerHTML === symbol &&
            cells[6].innerHTML === symbol)
        ) {
          return true;
        }
      }
      return false;
    }

// التحقق من حالة التعادل
    function checkTie() {
      for (var i = 0; i < cells.length; i++) {
        if (cells[i].innerHTML === "") {
          return false;
        }
      }
      return true;
    }

// إعلان الفائز
    function announceWinner(player) {
      var message = player === 0 ? "اللاعب X فاز" : "اللاعب O فاز";
      setTimeout(function() {
        alert(message);
      }, 100);
    }

// إعلان التعادل
    function announceTie() {
      setTimeout(function() {
        alert("تعادل");
      }, 100);
    }

// بدء اللعبة
    function startGame() {
      initializeGameBoard();
      currentTurn = 0;
      gameOver = false;
    }
  </script>
</body>
</html>