game.flagTurn to get which flag is playing next, 'X' or 'O'.

game.board to get the current state of the board as an array.To play the next round, we use playNextRound() function: ayNextRound()Īnd to check if the game has ended, we use the gameHasEnded() function: game.gameHasEnded() This function can be used to create a new Game object like so: var game = new Game() See here for the full code for the function. Once a line, either horizontal, vertical, or diagonal, is complete, the game is over.įor my own implementation, I have created a Game function and stored in a file called Game.js.Each player takes turns adding a flag to a 3 by 3 grid.The game is played by 2 players, each using a flag: The 'X' and the 'O'.How you implement this is up to you, as this isn't the important thing here, but the general rules are: We start building our game with the game logic, built with Javascript. The basic game codeįor the whole initial game code before the accessibility enhancements, see the Github repo. Let’s begin by coding the logic in Javascript. Here's a working demo of how the final game will work. The game should be screen reader accessible.The game can be played fully with a keyboard.Every element will have sufficient contrast.We are then going to make the game accessible. We are going to code this logic in Javascript, and create the interface in HTML and CSS Whoever completes a line horizontally, vertically or diagonally wins the game.

Each player takes turns adding their flag to the grid. One player is assigned “X” and the other “O”. This game is played by 2 people on a 3 by 3 grid. In case you need a refresher on how it works: In this tutorial, we are creating a typical tic-tac-toe game. We'll start by making the code for the basic game, but you can skip to the accessibility enhancements if you want to skip the first part. We are going to create a tic-tac-toe game in Javascript, and learn about accessibility along the way by making our game accessible to everyone. This tutorial will do exactly that, but with a twist you haven’t seen before. It’s also great as a project to practice learning a new programming language or tool. It’s simple, it’s fun and a good pastime for all ages.

My own tic tac toe