https://github.com/mansi1309/tic-tac-toe

Developed a web-based Tic-Tac-Toe game using HTML, CSS, and JavaScript. The game allows two players to play against each other on a 3x3 grid. The objective is to get three marks in a row, column, or diagonal. The project focuses on providing an interactive and user-friendly interface.
https://github.com/mansi1309/tic-tac-toe

css html javascript

Last synced: about 1 month ago
JSON representation

Developed a web-based Tic-Tac-Toe game using HTML, CSS, and JavaScript. The game allows two players to play against each other on a 3x3 grid. The objective is to get three marks in a row, column, or diagonal. The project focuses on providing an interactive and user-friendly interface.

• Host: GitHub
• URL: https://github.com/mansi1309/tic-tac-toe
• Owner: mansi1309
• Created: 2024-07-11T18:23:41.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-11T18:59:26.000Z (6 months ago)
• Last Synced: 2024-07-11T21:40:53.700Z (6 months ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage: https://mansi1309.github.io/Tic-Tac-Toe/
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tic-Tac-Toe Game

## Description

A web-based Tic-Tac-Toe game built using HTML, CSS, and JavaScript. This project provides an interactive platform for two players to compete in a classic 3x3 grid game. The game dynamically updates the board based on player actions and includes features to detect win conditions and reset the game.

## Features

1. **Interactive User Interface:** Clean and responsive design using HTML and CSS.

   

2. **Game Logic Implementation:** Handles player turns, win conditions, and ties using JavaScript.

   

3. **Dynamic Board Updates:** Real-time updates of the game board based on player moves.

   

4. **Reset Functionality:** Allows players to reset the game and start a new session without refreshing the page.

## Technologies Used

- **HTML5:** For structuring the game layout and elements.

- **CSS3:** For styling the game board, buttons, and overall layout to ensure a pleasant user experience.

- **JavaScript:** For implementing the game logic, handling player interactions, and managing the game state.

## How to Play

1. **Start the Game:** Open the game in a web browser.

   

2. **Player Turns:** Players take turns clicking on empty cells in the 3x3 grid to place their marks (X or O).

   

3. **Winning the Game:** The first player to align three of their marks in a row, column, or diagonal wins the game.

   

4. **Reset the Game:** Click the "Reset" button to clear the board and start a new game.