Noughts and Crosses

Part 1 : Sample and HTML

Another simple game that can be easily added to any web site. Almost everyone played noughts and crosses as a child (or tic-tac-toe as the Americans call it for some unexplainavle reason). Well now your web page can beat (or at least draw) with all comers when you add this ubobtrusive JavaScript to your page. First let's start with a working example to show you what it looks like. We'll use buttons for the nine squares to give it a nice neat appearance.

So now you've been beaten several times (or at best achieved a draw) the next step is to add the script to your page. Let's start by adding the HTML. You need this in the head of your page:

And one tag in the body where you want the game to appear:

and now all that remains is to create the ox.js and ox.css files.