Aryanstha/Tic-Tac-Toe

First, let’s break down the user interface: title 3x3 grid the grid should be clickable the grid cells should have the correct player sign displayed an information display should display a message informing the current player it’s their turn should show us who won the game should show us if the game ended in a draw restart button will restart the entire game Next, let’s break down the game flow for a cell click: needs to track any clicks that happen on our cells needs to check if a valid move has been made needs to make sure nothing happens if an already played cell has been clicked we should update our game state we should validate the game state check if a player has won check if the game ended in a draw either stop the game or change the active player, depending on the above checks reflect the updates made on the UI rinse and repeat That’s it, nothing special or overly complicated but still an excellent opportunity to practice and improve. Let’s get to the fun part and build something! Folder Structure We’ll start by building the user interface so we have something to look at while building the game logic. As I mentioned this is a simple game so there is no need for complicated folder structures. You should have three files in total: index.html (will hold our UI structure and import the other files we need) style.css (to make our game look halfway decent) script.js (will hold our game logic, and handle everything else we need)