Project Overview
This project is a Tic Tac Toe game built using HTML, CSS, and JavaScript. The HTML structure provides the layout for the game, including player name inputs and the game board with nine buttons representing the tic tac toe grid. CSS is used for styling the elements, creating an engaging user interface with animations for a starry background. The JavaScript handles the game logic, including tracking turns, checking for a winner, and resetting the game for new matches.
Players input their names and start the game by clicking the start button. The game alternates turns between the players, marking the boxes with "X" and "O". The script checks for winning patterns after each move and displays a congratulatory message to the winner. There are also options to reset the game or start a new game, ensuring a seamless and interactive user experience.
HTML Structure:
-> Provides the layout for the game.
-> Includes player name inputs and the game board with nine buttons representing the tic tac toe grid.
CSS Styling:
-> Enhances the user interface.
-> Includes animations for a starry background.
JavaScript Functionality:
-> Handles the game logic.
-> Tracks turns, checks for a winner, and resets the game for new matches.
Player Interaction:
Starting the Game:
-> Players input their names.
-> Click the start button to begin the game.
Game Play:
-> Alternates turns between players, marking boxes with "X" and "O".
-> Checks for winning patterns after each move.
-> Displays a congratulatory message to the winner.
Game Control Options:
-> Reset the game.
-> Start a new game.
-> Ensures a seamless and interactive user experience