Сделай крестики нолики's game | AI game creator

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

No:26582

55

Сделай крестики нолики
Developer User13198｜Date and time 23/12/1 21:37:30
Build time 105.022 sec｜Game capacity 3.222KB｜

Вот пример программы на языке JavaScript, реализующий игру в крестики-нолики:

Приведенный выше код представляет простую реализацию игры в крестики-нолики с помощью JavaScript и HTML. В этом примере игра реализована в виде веб-страницы и может быть запущена в любом современном веб-браузере, включая мобильные устройства. Макет игрового поля представлен в виде сетки 3x3 с помощью элементов `div`. Игроки могут выбирать ячейки, кликая на них, и символ каждого игрока ("X" или "O") отображается в выбранной ячейке. Игра продолжается до победы одного из игроков или ничьей.

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

Вот пример программы на языке JavaScript, реализующий игру в крестики-нолики:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Крестики-Нолики</title>
  <style>
    .board {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      margin: 0 auto;
    }

.board div {
      width: 33%;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 48px;
      border: 1px solid black;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="board">
    <div></div><div></div><div></div>
    <div></div><div></div><div></div>
    <div></div><div></div><div></div>
  </div>
  
  <script>
    // Функция, проверяющая победителя
    function checkWinner(symbol) {
      const winCombinations = [
        [0, 1, 2],
        [3, 4, 5],
        [6, 7, 8],
        [0, 3, 6],
        [1, 4, 7],
        [2, 5, 8],
        [0, 4, 8],
        [2, 4, 6]
      ];

for (let combination of winCombinations) {
        if (board[combination[0]] === symbol && board[combination[1]] === symbol && board[combination[2]]  === symbol) {
          return true;
        }
      }

return false;
    }

// Функция, обрабатывающая клик по ячейке
    function cellClick(index) {
      if (board[index] || gameOver) {
        return;
      }

board[index] = currentPlayer;
      document.getElementsByClassName('board')[0].children[index].innerText = currentPlayer;

if (checkWinner(currentPlayer)) {
        alert('Победил игрок: ' + currentPlayer);
        gameOver = true;
      } else if (board.every(cell => cell)) {
        alert('Ничья!');
        gameOver = true;
      } else {
        currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
      }
    }

// Инициализация
    const board = Array.from(Array(9));
    let currentPlayer = 'X';
    let gameOver = false;

// Назначение обработчика для каждой ячейки
    const cells = document.getElementsByClassName('board')[0].children;
    for (let i = 0; i < cells.length; i++) {
      cells[i].addEventListener('click', () => cellClick(i));
    }
  </script>
</body>
</html>
```

Приведенный выше код представляет простую реализацию игры в крестики-нолики с помощью JavaScript и HTML. В этом примере игра реализована в виде веб-страницы и может быть запущена в любом современном веб-браузере, включая мобильные устройства. Макет игрового поля представлен в виде сетки 3x3 с помощью элементов `div`. Игроки могут выбирать ячейки, кликая на них, и символ каждого игрока ("X" или "O") отображается в выбранной ячейке. Игра продолжается до победы одного из игроков или ничьей.