Alternance des croix et des ronds
Après avoir résolu la tâche de la leçon précédente, vous devriez avoir obtenu le code suivant :
let cells = document.querySelectorAll('#field td');
start(cells);
function start(cells) {
for (let cell of cells) {
cell.addEventListener('click', function() {
this.textContent = 'X';
});
}
}
Maintenant, réalisons l'alternance des croix et des ronds. Pour cela, je propose d'introduire un compteur de coups :
function start(cells) {
let i = 0; // valeur initiale du compteur
for (let cell of cells) {
cell.addEventListener('click', function() {
this.textContent = 'X';
i++; // on incrémente le compteur
});
}
}
Avec un tel compteur, nous pouvons facilement mettre en œuvre l'alternance du croix et du rond : de toute évidence, la croix apparaîtra pour les valeurs paires du compteur, et le rond pour les valeurs impaires.
Mettez en œuvre l'alternance décrite des croix et des ronds.
