This is a simple implementation of the classic Tic Tac Toe game using HTML, CSS, and JavaScript. It allows two players to take turns marking X and O on a 3x3 board until one of them wins or the game ends in a draw. The game provides a fun and interactive experience for players of all ages, right in your web browser.
-
Clone this repository to your local machine or download the ZIP file.
-
Navigate to the project directory and open
index.htmlin your web browser. -
The game will display the empty board, and the first player (X) can make their move.
-
Players will take turns clicking on the available cells to place their X or O.
-
The game will check for valid moves and continue until a player wins or the game ends in a draw.
-
If a player wins, the game will display the winner (X or O), and if it's a draw, the game will announce it.
-
To play again, simply refresh the page.
- Simple and intuitive user interface.
- Click-based gameplay for easy interaction.
- Validates user inputs to prevent invalid moves.
- Tracks and displays the game status and the current player's turn.
- Automatically detects winning conditions and announces the winner.
- Detects draw conditions and ends the game gracefully.
Here's an example of how the game may look during play:
Welcome to Tic Tac Toe!
Player X's turn
| |
---------
| |
---------
| |
Player X, click on an empty cell to make your move.
X | |
---------
| O |
---------
| |
...
Player X, click on an empty cell to make your move.
X | O | X
---------
| O |
---------
| X |
Congratulations! Player X wins!
To play again, simply refresh the page.
A modern web browser that supports HTML 5, CSS 3, and JavaScript.
You can try out the live demo of the game at Tic Tac Toe Game Demo.
This project is licensed under the MIT License.
Enjoy the game! If you have any feedback or suggestions, feel free to contribute or contact us. Happy gaming! 🌟