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

No:37179

←

Prev Next

→

Donate
Developer User17015｜Date and time 24/1/20 17:32:34
Build time 12.181 sec｜Game capacity 3.43KB｜

Script

Я программист. Вот реализация игры в виде одного HTML файла с использованием JavaScript, окруженного тегами .

Мой Крутой Игровой Проект

В данной реализации создана игра "Крестики-нолики". Вы можете играть на смартфоне, нажимая на ячейки игрового поля. Используются пиктограммы X и O для обозначения игроков. Игра будет проверять победные комбинации и объявлять победителя. После окончания игры можно начать новую, нажав кнопку "Reset". Удачи в игре!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Я программист. Вот реализация игры в виде одного HTML файла с использованием JavaScript, окруженного тегами <script>.

```html
<!DOCTYPE html>
<html>
<head>
   <title>Мой Крутой Игровой Проект</title>
   <style>
      body {
         text-align: center;
      }
      .game-container {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         max-width: 600px;
         margin: 0 auto;
      }
      .game-cell {
         width: 80px;
         height: 80px;
         border: 1px solid #ccc;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 24px;
      }
      .game-icon {
         font-size: 48px;
      }
   </style>
</head>
<body>
   <h1>Мой Крутой Игровой Проект</h1>
   <div class="game-container">
      <div class="game-cell" onclick="handleCellClick(0)"></div>
      <div class="game-cell" onclick="handleCellClick(1)"></div>
      <div class="game-cell" onclick="handleCellClick(2)"></div>
      <div class="game-cell" onclick="handleCellClick(3)"></div>
      <div class="game-cell" onclick="handleCellClick(4)"></div>
      <div class="game-cell" onclick="handleCellClick(5)"></div>
      <div class="game-cell" onclick="handleCellClick(6)"></div>
      <div class="game-cell" onclick="handleCellClick(7)"></div>
      <div class="game-cell" onclick="handleCellClick(8)"></div>
   </div>

function handleCellClick(cellIndex) {
         const cell = gameCells[cellIndex];
         if (cell.innerText === '') {
            cell.innerText = currentPlayer;
            cell.classList.add('game-icon');
            checkWinCondition();
            currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
         }
      }

function checkWinCondition() {
         const winningCombinations = [
            [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 winningCombinations) {
            const [cellA, cellB, cellC] = combination;
            if (gameCells[cellA].innerText === currentPlayer &&
               gameCells[cellB].innerText === currentPlayer &&
               gameCells[cellC].innerText === currentPlayer) {
               alert(`Игрок ${currentPlayer} победил!`);
               resetGame();
               break;
            }
         }
      }

function resetGame() {
         gameCells.forEach(cell => {
            cell.innerText = '';
            cell.classList.remove('game-icon');
         });
         currentPlayer = 'X';
      }
   </script>
</body>
</html>
```