https://github.com/devyani1430/tic_tac_toe

Two-player Tic-Tac-Toe game built with HTML, CSS, and JavaScript.
https://github.com/devyani1430/tic_tac_toe

css front-end-development html-css-javascript html5 javascript tic-tac-toe-game website

Last synced: about 2 months ago
JSON representation

Two-player Tic-Tac-Toe game built with HTML, CSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/devyani1430/tic_tac_toe
• Owner: Devyani1430
• Created: 2024-07-26T06:07:25.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-07-27T17:44:50.000Z (5 months ago)
• Last Synced: 2024-07-27T18:38:56.205Z (5 months ago)
• Topics: css, front-end-development, html-css-javascript, html5, javascript, tic-tac-toe-game, website
• Language: JavaScript
• Homepage:
• Size: 72.3 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

### Overview

This repository contains a two-player Tic-Tac-Toe game implemented using HTML, CSS, and JavaScript. Players take turns marking spaces in a 3x3 grid with 'X' or 'O'. The first player to get three of their marks in a row (horizontally, vertically, or diagonally) wins.

### Technologies Used

* HTML: Structure of the game board and interface

* CSS: Styling of the game elements

* JavaScript: Game logic, turn management, win condition checking, and user interaction

![game_page](screenshot.png)

### How to Play

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

2. Players take turns clicking on empty cells to place their mark ('X' or 'O').

3. The first player to get three of their marks in a row wins.

4. If all cells are filled and no player has won, the game is a draw.

### Game Logic

The JavaScript code handles:

* Creating the game board

* Managing player turns

* Checking for win conditions

* Determining draw conditions

* Displaying the game outcome

**Enjoy playing!**