x and o in tic tac toe keeps alternating

let playerOne = 'x';
let playerTwo = 'o';
let turn = 0;
let lastClicked;

const gameBoard = document.querySelector('.gameBoard');

for (i = 0; i < 9; i++) {
  const gameBox = document.createElement('div');
  gameBox.classList.add('gridCellItem');
  gameBox.id = 'cell' + i;
  gameBox.addEventListener('click', clickGameBox);
  gameBoard.appendChild(gameBox);
}


function clickGameBox(event) {

  if (turn === 0) {
    event.target.innerText = playerOne;
    lastClicked = playerOne;
  } else {
    if (lastClicked === playerOne) {
      event.target.innerText = playerTwo;
      lastClicked = playerTwo;

    } else {
      event.target.innerText = playerOne;
      lastClicked = playerOne;

    }
  }
  turn += 1;

}

<div class="gameBoard"></div>