Mission 1: Noughts and Crosses

In Mission 1, you are going to build Noughts and Crosses using HTML, CSS and JavaScript. Start off by seeing how you can use HTML to create the basic structure of your game. Then see how you can use CSS to change the way the HTML appears on-screen. Finally learn how to add JavaScript to make the game board interactive.

The Noughts and Crosses game board will be three columns across and three rows wide and be built using the HTML <div> tag. When a player clicks in a box, either a nought or a cross will be displayed. When a player gets three-in-a-row, an alert will pop-up to tell them they’ve won the game.

Do it yourself task:Your Finished Game

Get the finished code for your game.