JavaScript-də X-O Oyunu

Güman edirəm ki, bu oyunun mahiyyəti hamıya məlumdur, ona görə də birbaşa reallaşdırmaya keçək.

Əvvəlcə oyun sahəsini <table> cədvəl şəklində edək:

<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>

Gözəllik üçün bəzi CSS kodunu əlavə edək:

#field td {
	width: 50px;
	height: 50px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
}

Cədvəlimizin xanalarını dəyişənə əldə edək:

let cells = document.querySelectorAll('#field td');

Verilmiş HTML, CSS və JavaScript kodlarını özünüzə kopyalayın.