https://github.com/liethdallal/tic-tac-toe-game

This is a simple implementation of the classic Tic Tac Toe game using HTML, CSS, and JavaScript. It allows two players to take turns and play the game on a 3x3 grid. The first player to get three of their symbols ('X' or 'O') in a row, column, or diagonal wins the game.
https://github.com/liethdallal/tic-tac-toe-game

css html javascript

Last synced: about 2 months ago
JSON representation

This is a simple implementation of the classic Tic Tac Toe game using HTML, CSS, and JavaScript. It allows two players to take turns and play the game on a 3x3 grid. The first player to get three of their symbols ('X' or 'O') in a row, column, or diagonal wins the game.

• Host: GitHub
• URL: https://github.com/liethdallal/tic-tac-toe-game
• Owner: liethdallal
• Created: 2023-09-06T23:15:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-08T21:54:40.000Z (8 months ago)
• Last Synced: 2024-05-08T22:44:22.529Z (8 months ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage: https://liethdallal.github.io/Tic-Tac-Toe-Game/
• Size: 2.41 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tic-Tac-Toe-Game

## Project Description 

This is a simple implementation of the classic Tic Tac Toe game using HTML, CSS, and JavaScript. It allows two players to take turns and play the game on a 3x3 grid. The first player to get three of their symbols ('X' or 'O') in a row, column, or diagonal wins the game.

## How to Play

 

1. Open the link in the project description.

2. The game will start, and Player 1 (X) will go first.

3. Click on an empty square on the grid to place your symbol ('X' or 'O').

4. The game will alternate between Player 1 and Player 2 until one of them wins or the game ends in a draw.

5. If a player wins, their symbol will be displayed in a winning combination, and a message will announce the winner.

6. If the game ends in a draw, a message will announce the draw.

7. You can reset the game at any time by clicking the "Reset Game" button.

## Features

- Responsive design for different screen sizes.

- Clear messages for game outcomes (win, draw).

- Reset button to start a new game.

- Simple and intuitive gameplay.

## Picture of Completed Game

![Picture of game](./images/pic%20of%20game.png)