For this assignment, you will be making a tic tac toe game you will use Javascri
For this assignment, you will be making a tic tac toe game you will use Javascript and manipulate and work with the DOM and events. – Matches the Figma designs that will be ATTACHED BELOW, MUST MATCH THIS, (color, size, lines, shapes, everything)
– Is responsive – looks good on mobile (375px) and desktop (1280px) screen sizes
– Clicking on a square updates the board.
– There are two aspects at play here.
1. The board needs to be updated visually when a user clicks on a square.
2. The game progress needs to be stored in JavaScript so we can know what moves have been made when someone wins the game, and whose turn it is.
– Play alternates between two players.
– Check after every move if someone has won the game. If there is a winner, alert the user and tell them whether it was player 1 or player 2.
– Clicking the “restart game” button should clear the board both visually and logically (in any global JavaScript variables you’ve set).
**Suggested approach:**
1. Code the HTML and CSS for the page.
2. Add event listeners to the board squares.
3. Create any global JavaScript variables you think you’ll need.
4. Create corresponding functions for the event listeners.
5. Create any helper functions for things like checking whether a user has won, etc.
Extra Credit On hover/mouseover, show a faded version of the move that will be made when the user clicks the square.
Leave a Reply