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 that this is relatively advanced, but there is not a lot of code involved.

Remember - ACSS gives you tools to make things easier. Like CSS can replace JavaScript in a lot of places, ACSS takes that to the next level and then some.

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 and CSS first, as you'll need to understand that to make sense of the ACSS.

If you play the game too, the code should start to make sense. You might need to look up and down the code a few times and check out  any unfamiliar code in the documentation before it all clicks...

Tic Tac Toe