tsv-stacks / Tic-Tac-Toe

A two-player version of Tic Tac Toe that can be played from a single instance (by 'hot-seating'). Built using HTML, CSS & Vanilla JS.

Home Page:https://tsv-stacks.github.io/Tic-Tac-Toe/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tic-Tac-Toe (Noughts & Crosses)

A two-player version of Tic Tac Toe that can be played from a single instance (by 'hot-seating'). Built using HTML, CSS & Vanilla JS.

This project was coded completely from scratch by myself and was so I could take my learnings of ES6 JavaScript and apply them to a project. The aim of this project was also to have as little as global code as possible.

Rules & How To Play

Standard rules for Tic Tac Toe. Player One will have the first move, the winner of any games will go second in all subsequent games.

Concepts covered:

  • JavaScript ES6 Classes and Syntax
  • Getters & Setters
  • Event Listeners & Event Object
  • Advanced JavaScript Array methods

To Do

  • Make it first to 5
  • Add win - loss counting
  • Build Logic to check when game is over (win / loss / tie)
  • Clean up interface
  • winner & game over screen
  • Update readme
  • Clean code
  • Remove unneccesary files

About

A two-player version of Tic Tac Toe that can be played from a single instance (by 'hot-seating'). Built using HTML, CSS & Vanilla JS.

https://tsv-stacks.github.io/Tic-Tac-Toe/


Languages

Language:JavaScript 48.2%Language:HTML 30.0%Language:CSS 21.8%