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

No:9381

124

Three in a row
Developer User4346｜Date and time 23/7/24 3:20:47
Build time 39.354 sec｜Game capacity 5.765KB｜

HTML код:

Три в ряд

Это пример кода для игры "Три в ряд". Код реализован в виде одного HTML файла и содержит JavaScript код, заключенный в теги script. Игроки могут играть в игру на смартфоне, нажимая на ячейки игрового поля. В игре используются пиктограммы для обозначения игроков (крестик и нолик). При нажатии на ячейку, игра проверяет возможность сделать ход в выбранную ячейку, обновляет игровое поле и проверяет, была ли совершена выигрышная комбинация. Если выигрышная комбинация обнаружена, выводится сообщение о победе соответствующего игрока. Если возможности для хода больше нет, игра завершается ничьей.

→ 　

0　

0　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

HTML код:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Три в ряд</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

h1 {
            margin-top: 50px;
        }

.board {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

.cell {
            width: 100px;
            height: 100px;
            background-color: #efefef;
            border: 1px solid #ccc;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

.cell img {
            max-width: 80px;
            max-height: 80px;
        }

.message {
            margin-top: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>Три в ряд</h1>
    <div class="board"></div>
    <div class="message"></div>

<script>
        // Игровая логика
        const boardSize = 3;
        let board = [];
        let currentPlayer;

function initializeBoard() {
            board = [];
            currentPlayer = "X";
            for (let i = 0; i < boardSize; i++) {
                board.push(new Array(boardSize).fill(""));
            }
        }

function hasWon(player) {
            // Проверка по горизонтали
            for (let i = 0; i < boardSize; i++) {
                let row = board[i].join("");
                if (row === player.repeat(boardSize)) {
                    return true;
                }
            }

// Проверка по вертикали
            for (let i = 0; i < boardSize; i++) {
                let column = board.map(row => row[i]).join("");
                if (column === player.repeat(boardSize)) {
                    return true;
                }
            }

// Проверка по диагоналям
            let diagonal1 = "";
            let diagonal2 = "";
            for (let i = 0; i < boardSize; i++) {
                diagonal1 += board[i][i];
                diagonal2 += board[i][boardSize - i - 1];
            }
            if (diagonal1 === player.repeat(boardSize) || diagonal2 === player.repeat(boardSize)) {
                return true;
            }

return false;
        }

function updateBoard(row, col) {
            if (board[row][col] === "") {
                board[row][col] = currentPlayer;
                return true;
            }
            return false;
        }

function switchPlayer() {
            currentPlayer = currentPlayer === "X" ? "O" : "X";
        }

// Интерфейс пользователя
        function renderBoard() {
            const boardContainer = document.querySelector(".board");
            boardContainer.innerHTML = "";

for (let row = 0; row < boardSize; row++) {
                for (let col = 0; col < boardSize; col++) {
                    const cell = document.createElement("div");
                    cell.classList.add("cell");
                    cell.dataset.row = row;
                    cell.dataset.col = col;
                    cell.addEventListener("click", handleCellClick);

if (board[row][col] === "X") {
                        const xImg = document.createElement("img");
                        xImg.src = "x.png";
                        cell.appendChild(xImg);
                    } else if (board[row][col] === "O") {
                        const oImg = document.createElement("img");
                        oImg.src = "o.png";
                        cell.appendChild(oImg);
                    }

boardContainer.appendChild(cell);
                }
            }
        }

function renderMessage(message) {
            const messageContainer = document.querySelector(".message");
            messageContainer.textContent = message;
        }

function handleCellClick(event) {
            const row = parseInt(event.target.dataset.row);
            const col = parseInt(event.target.dataset.col);

if (updateBoard(row, col)) {
                renderBoard();

if (hasWon(currentPlayer)) {
                    renderMessage(`Игрок ${currentPlayer} победил!`)
                } else {
                    switchPlayer();
                }
            } else {
                renderMessage("Недопустимый ход!");
            }
        }

initializeBoard();
        renderBoard();
    </script>
</body>
</html>
```

Это пример кода для игры "Три в ряд". Код реализован в виде одного HTML файла и содержит JavaScript код, заключенный в теги script.

Игроки могут играть в игру на смартфоне, нажимая на ячейки игрового поля. В игре используются пиктограммы для обозначения игроков (крестик и нолик).

При нажатии на ячейку, игра проверяет возможность сделать ход в выбранную ячейку, обновляет игровое поле и проверяет, была ли совершена выигрышная комбинация. Если выигрышная комбинация обнаружена, выводится сообщение о победе соответствующего игрока. Если возможности для хода больше нет, игра завершается ничьей.