Крестики-нолики на JavaScript. Исходный код

Код игры «Крестики-нолики» на Javascript, которую мы пишем вместе с ChatGPT. На этой странице хранится и обновляется в процессе разработки содержимое файлов игры.

Файл game.html

<!DOCTYPE html>
<html>
<head>
<title>Крестики-нолики</title>
<style>
#game-board {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #f5f5f5;
}
table {
border-collapse: collapse;
}
td {
width: 60px;
height: 60px;
border: 1px solid #000;
text-align: center;
vertical-align: middle;
font-size: 20px;
}
</style>
</head>
<body>
<div id="game-board"></div>

Файл tic-tac-toe.js

window.onload = function() {
var gameBoard = document.getElementById('game-board');
var table = document.createElement('table');

for (var i = 0; i < 3; i++) {
var row = document.createElement('tr');

for (var j = 0; j < 3; j++) {
var cell = document.createElement('td');
cell.textContent = '-';
row.appendChild(cell);
}

table.appendChild(row);
}

gameBoard.appendChild(table);
}