AI game creator

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

No:9382

←

Prev Next

→

Xs and Xs
Developer User4346｜Date and time 23/7/24 3:21:53
Build time 19.818 sec｜Game capacity 2.619KB｜

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>
    .board {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        width: 300px;
        height: 300px;
        margin: 0 auto;
        border: 2px solid black;
    }

.cell {
        border: 1px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3rem;
        cursor: pointer;
    }
</style>
</head>
<body>
    <div class="board"></div>

function createBoard() {
            for (let i = 0; i < 9; i++) {
                const cell = document.createElement('div');
                cell.classList.add('cell');
                cell.dataset.index = i;
                cells.push(cell);
                board.appendChild(cell);
            }
        }

function handleCellClick(e) {
            if (gameFinished === true || e.target.textContent !== '') {
                return;
            }

const index = parseInt(e.target.dataset.index);
            cells[index].textContent = currentPlayer;

if (checkWin()) {
                gameFinished = true;
                alert(`${currentPlayer} выиграл!`);
            } else if (checkDraw()) {
                gameFinished = true;
                alert('Ничья!');
            } else {
                currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
            }
        }

function checkWin() {
            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 (const combination of winningCombinations) {
                const [a, b, c] = combination;
                if (
                    cells[a].textContent === cells[b].textContent &&
                    cells[b].textContent === cells[c].textContent &&
                    cells[a].textContent !== ''
                ) {
                    return true;
                }
            }

return false;
        }

function checkDraw() {
            return [...cells].every(cell => cell.textContent !== '');
        }

createBoard();

board.addEventListener('click', handleCellClick);
    </script>
</body>
</html>