Jogo da Velha em JavaScript
Presumo que o objetivo deste jogo seja conhecido por todos, portanto, vamos direto para a implementação.
Para começar, vamos fazer um tabuleiro em forma de tabela
<table>:
<table id="field">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Vamos adicionar um pouco de código CSS para deixar mais bonito:
#field td {
width: 50px;
height: 50px;
border: 1px solid black;
text-align: center;
font-weight: bold;
}
Vamos obter as células da nossa tabela em uma variável:
let cells = document.querySelectorAll('#field td');
Copie para você os códigos HTML, CSS e JavaScript fornecidos.