Skip to content

Latest commit

 

History

History
43 lines (33 loc) · 2.71 KB

README.md

File metadata and controls

43 lines (33 loc) · 2.71 KB

Tic-Tac-Toe-Game

Built Tic Tac Toe Game using HTML, CSS and JavaScript

Game Start

The game starts with a blank board

image

On hover we see the available options for player with mark "X". The game is now starting so player with "X" mark has all 9 boxes available.

image image

Switching turns

When player "X" makes a move then it is player "O"'s turn. Again on hover we see all available boxes for "O" to select.

image image

Gameplay

Players then switch turns until there is a winner or until the game ends with a draw

image image

Player "X" is about to win

image

Player "X" makes a winning move and the user receives a message confirming the win and prompting the user to start over with a new game

image

Restart button

The restart button has a hover style effects for better user experience. It then brings the user to a blank board and the game can start over

image image

Victory for player "O"

Likewise, when player "O" wins, a confirmation message appears

image image

Draw

In the event the game ends with a draw then a message appears stating the outcome and the game can start over

image image

Enjoy playing!