Παιχνίδι Tic-Tac-Toe σε JavaScript

Υποθέτω ότι η ουσία αυτού του παιχνιδιού είναι γνωστή σε όλους, οπότε ας προχωρήσουμε αμέσως στην υλοποίηση.

Αρχικά, ας φτιάξουμε το ταμπλό του παιχνιδιού σε μορφή πίνακα <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>

Ας προσθέσουμε κάποιο CSS για να το κάνουμε πιο όμορφο:

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

Ας πάρουμε τα κελιά του πίνακα μας σε μια μεταβλητή:

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

Αντιγράψτε τους παραπάνω κώδικες HTML, CSS και JavaScript στον υπολογιστή σας.