Giliran X dan O

Selepas menyelesaikan tugasan dari pelajaran lepas, kod berikut sepatutnya telah anda perolehi:

javascriptlet 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:

javascriptfunction 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.