Växling mellan kryss och ring

Efter att ha löst uppgiften från föregående lektion borde du ha följande kod:

javascriptlet cells = document.querySelectorAll('#field td');
start(cells);

function start(cells) {
  for (let cell of cells) {
    cell.addEventListener('click', function() {
      this.textContent = 'X';
    });
  }
}

Låt oss nu göra så att kryss och ring växlar. För att göra detta föreslår jag att vi introducerar en räknare för drag:

javascriptfunction start(cells) {
  let i = 0; // startvärde för räknaren
  
  for (let cell of cells) {
    cell.addEventListener('click', function() {
      this.textContent = 'X';
      
      i++; // ökar räknaren
    });
  }
}

Med en sådan räknare kan vi enkelt implementera växling mellan kryss och ring: det är uppenbart att kryss kommer att visas på jämna värden på räknaren, och ring på ojämna.