Kryssies en Nulletjies speletjie in JavaScript
Ek neem aan dat die wese van hierdie speletjie aan almal bekend is, dus laat ons dadelik met die implementering begin.
Om te begin, maak ons 'n speelveld in die vorm van 'n tabel
<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>
Laat ons 'n bietjie CSS-kode byvoeg om dit mooi te maak:
#field td {
width: 50px;
height: 50px;
border: 1px solid black;
text-align: center;
font-weight: bold;
}
Laat ons die selle van ons tabel in 'n veranderlike kry:
let cells = document.querySelectorAll('#field td');
Kopieer die gegewe HTML-, CSS- en JavaScript-kodes vir jouself.