Die afwisseling van kruisie en nolie
Na die oplossing van die vorige les se probleem, moet jy die volgende kode hê:
let cells = document.querySelectorAll('#field td');
start(cells);
function start(cells) {
for (let cell of cells) {
cell.addEventListener('click', function() {
this.textContent = 'X';
});
}
}
Laat ons nou die afwisseling van kruisies en nolies maak. Vir dit stel ek voor om 'n beurt teller in te stel:
function start(cells) {
let i = 0; // begin waarde van die teller
for (let cell of cells) {
cell.addEventListener('click', function() {
this.textContent = 'X';
i++; // verhoog die teller
});
}
}
Met so 'n teller, kan ons maklik die afwisseling van kruisie en nolie implementeer: dit is duidelik dat die kruisie op ewe waardes van die teller sal verskyn, en die nolie - op onewe waardes.
Implementeer die beskryfde afwisseling van kruisie en nolie.