https://github.com/themysterysolver/tic_tac_toe

This project is a simple Tic-Tac-Toe game implemented using JavaScript, HTML, and CSS. It features a 3x3 grid where two players can take turns to place their marks. The game detects win conditions and highlights the winning blocks. A restart button allows players to start a new game without refreshing the page.
https://github.com/themysterysolver/tic_tac_toe

html-css-javascript tic-tac-toe

Last synced: 15 days ago
JSON representation

This project is a simple Tic-Tac-Toe game implemented using JavaScript, HTML, and CSS. It features a 3x3 grid where two players can take turns to place their marks. The game detects win conditions and highlights the winning blocks. A restart button allows players to start a new game without refreshing the page.

• Host: GitHub
• URL: https://github.com/themysterysolver/tic_tac_toe
• Owner: themysterysolver
• License: mit
• Created: 2024-07-16T13:44:40.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-15T13:04:00.000Z (4 months ago)
• Last Synced: 2024-09-15T14:33:57.905Z (4 months ago)
• Topics: html-css-javascript, tic-tac-toe
• Language: JavaScript
• Homepage: https://htmlpreview.github.io/?https://github.com/themysterysolver/TIC_TAC_TOE/main/index.html
• Size: 71.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🎮 Tic Tac Toe Game

![HTML](https://img.shields.io/badge/HTML-Game%20Structure-red)

![CSS](https://img.shields.io/badge/CSS-Game%20Styling-blue)

![JavaScript](https://img.shields.io/badge/JavaScript-Game%20Logic-yellow)

![License](https://img.shields.io/badge/License-MIT-brightgreen)

A simple **Tic Tac Toe** game built using **JavaScript, HTML, and CSS**. This project allows two players to play Tic Tac Toe on a 3x3 grid, with a restart button to start a new game and visual indications for winning moves.

## 🚀 Features

- **Two-player gameplay**: Players alternate turns until one wins or the game ends in a draw.

- **Win detection**: The game automatically detects a winner and highlights the winning combination.

- **Restart button**: Quickly reset the game without refreshing the page.

- **Responsive design**: The game is styled to look great on any screen size.

## 📝 How to Play

1. Open the `index.html` file in your web browser.

2. Players take turns clicking on the grid to place their marks.

3. When a player wins, the game highlights the winning blocks.

4. Click the **Restart** button to reset the game and play again.

## 🔧 Installation

1. Clone this repository to your local machine.

2. Open `index.html` in your browser to start playing.

## 📸 Screenshots

### Game Start Screen



### Game Winning Move



 

## 🛠️ Technologies Used


- **HTML**: For the game structure.

- **CSS**: For styling the game board and elements.

- **JavaScript**: For implementing the game logic and interaction.

## 🤝 Contributing

Contributions are welcome! If you find any issues or want to improve the game, feel free to submit a pull request.

## 📜 License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.