Giliran X dan O
Selepas menyelesaikan tugasan dari pelajaran lepas, kod berikut sepatutnya telah anda perolehi:
let cells = document.querySelectorAll('#field td');
start(cells);
function start(cells) {
for (let cell of cells) {
cell.addEventListener('click', function() {
this.textContent = 'X';
});
}
}
Sekarang mari kita laksanakan giliran X dan O. Untuk itu, saya cadangkan untuk memperkenalkan pembilang langkah:
function start(cells) {
let i = 0; // nilai awal pembilang
for (let cell of cells) {
cell.addEventListener('click', function() {
this.textContent = 'X';
i++; // tingkatkan pembilang
});
}
}
Dengan adanya pembilang sedemikian, kita boleh melaksanakan giliran X dan O dengan mudah: jelas sekali, X akan muncul pada nilai pembilang yang genap, manakala O - pada nilai ganjil.
Laksanakan giliran X dan O seperti yang diterangkan.
