add refresh button logic

app.js

@@ -18,7 +18,7 @@ const WINNING_PATTERNS = [
 // game board elements
 const turnIndicator = document.getElementById('turn-indicator');
 const indicatorLogo = turnIndicator.childNodes[1];
-const restartButton = document.getElementById('restart-button');
+const refreshButton = document.getElementById('restart-button');
 const cellElements = document.querySelectorAll('[data-cell');
 const board = document.getElementById('board');
 const xWinsCount = document.getElementById('x-wins-count');
@@ -91,11 +91,29 @@ introNewGameVsPlayer.addEventListener('click', () => {
  } else {
  oWinsCountText.innerText = 'O (PLAYER)';
  }
- startGame()
+ startGame();
  isGameStarted = true;
  intro.classList.remove(SHOW);
 });
 
+refreshButton.addEventListener('click', () => {
+ if (isGameStarted) {
+ cellElements.forEach(cell => {
+ cell.classList.remove(X_CLASS);
+ cell.classList.remove(O_CLASS);
+ cell.removeEventListener('click', handleCellClick);
+ cell.addEventListener('click', handleCellClick, {
+ once: true
+ });
+ });
+ circleTurn = false;
+ if (indicatorLogo.classList[0] !== LOGO_X) {
+ indicatorLogo.classList.replace(LOGO_O, LOGO_X);
+ }
+ }
+
+});
+
 function startGame() {
  circleTurn = false;
  cellElements.forEach(cell => {
@@ -105,7 +123,7 @@ function startGame() {
  cell.addEventListener('click', handleCellClick, {
  once: true
  });
- })
+ });
  winningMessage.classList.remove(SHOW);
 }
 
@@ -137,7 +155,7 @@ function swapIndicatorLogo() {
  } else {
  indicatorLogo.classList.replace(LOGO_O, LOGO_X);
  }
- 
+
 }
 
 function swapTurns() {

index.html

@@ -39,7 +39,7 @@
  <span class="turn-indicator__text">TURN</span>
  </div>
  <div class="restart-button" id="restart-button">
- <a href=""><i class="fas fa-redo"></i></a>
+ <i class="fas fa-redo"></i>
  </div>
  </div>
  <!-- game board main -->

styles.css

@@ -176,7 +176,7 @@ body {
  justify-content: flex-end;
  align-items: center;
 }
-.restart-button a {
+.restart-button i {
  text-decoration: none;
  display: flex;
  justify-content: center;