There are no tracking or monitoring cookies on this site. There are only cookies used for documentation examples related to cookies.
Close

Processing...
This may take a few seconds.

Tic Tac Toe

This is the Active CSS version of the classic Tic Tac Toe (aka Noughts and Crosses)!

Note this is relatively advanced, but the complexity is really in working out when someone wins. The rest of the code should be easily followed. It just requires reading it carefully.

If you are struggling with any concepts in here, you should go through the docs in sequence until you feel up to reading this code. Experienced devs who have done this tutorial in other frameworks will get an idea of how you approach this sort of thing in Active CSS by looking over this example.

Have a look at the HTML also by clicking on the HTML icon underneath the Active CSS one to the left of the code.

If you play the game first, the code should make more sense. You might need to look up and down the code a few times before it all clicks...

Tic Tac Toe