/tic-tac-toe-1

Tic-Tac-Toe game project

Primary LanguageJavaScript

Tic Tac Toe

Deployment

Check out the site here.

Project Description

A website where you can play the game of Tic Tac Toe. There are two pre-defined players & icons. Wins for each player will be kept track of and if it is a draw game the board will simply reset.

Contributors

Languages Used

Tic Tac Toe was created per this project spec. Functionality is handled primarily by Javascript. Display and look of the page handled primarily by HTML and CSS.

Features

  • Ability to play Tic Tac Toe turn by turn.
  • Displays whose turn it is above the board
  • If one player wins the board will automatically reset itself and log a win.
  • Page will keep track of both Player 1 and Player 2's wins.
  • Each game starts with the player who did not go first for the previous game.

Project Gallery

Page on Load

Screen Shot 2022-01-18 at 17 29 32

Page while Playing

Screen Shot 2022-01-18 at 17 29 50

Page after Win

Screen Shot 2022-01-18 at 19 29 58

Page during a Draw

Screen Shot 2022-01-18 at 19 53 26

Future Work to be Done

  • Blocking Clicks on board following a win
  • More Mobile-responsive design using Media Queries in CSS
  • Update CSS so squares indicate where mouse is over board
  • Refactor code using different logic (e.g. foreach, switch)