Naizmenično iscrtavanje X i O
Nakon rešavanja zadatka iz prethodne lekcije, trebalo bi da imate sledeći kod:
let cells = document.querySelectorAll('#field td');
start(cells);
function start(cells) {
for (let cell of cells) {
cell.addEventListener('click', function() {
this.textContent = 'X';
});
}
}
Hajde sada da napravimo naizmenično iscrtavanje X i O. Predlažem da za to uvedemo brojač poteza:
function start(cells) {
let i = 0; // početna vrednost brojača
for (let cell of cells) {
cell.addEventListener('click', function() {
this.textContent = 'X';
i++; // uvećavamo brojač
});
}
}
Sa ovakvim brojačem, lako možemo da implementiramo naizmenično iscrtavanje X i O: očigledno je da će se X pojavljivati na parnim vrednostima brojača, a O na neparnim.
Implementirajte opisano naizmenično iscrtavanje X i O.
