This is just a simple game board.
The file does not contain any game logic, so the computer doesn’t understand how to play the game. It’s about as clever as a piece of paper!
It is intended to be shown on a computer projector screen and used in a kids club to show the current state of a game.
The operator can click on the cells to cycle through the different options - Green “O”, Purple “X”, or grey numbers.
The players can shout out which number they want to claim, then the operator needs to click that number once or twice to fill in the correct symbol.
Note: The page does not remember the state of the game. If you switch to a different web page, or press the “back” button, the game will be lost and all cells will be reset to numbers. So if you want to start a new game, just reload it, or use F5 to refresh the page.
Just open the HTML file in your browser. You don't need to upload the HTML file to a web site, you can copy it to your Desktop and just double-click on it to display it.
If your web site allows you to create pages containing raw HTML including CSS and JavaScript, you just need to copy the relevent parts from the HTML file. Starting just after <!-- Start Snip -->
and ending just before <!-- End Snip -->
.
Some web sites don't allow you to include raw HTML because it may be a security risk for other visitors. There are usually features or add-on modules available to administrators which allow this kind of content.
To add this to a HumHub Space, you need to log in as the administrator. Then you can use the "Custom Pages" module to "Create new layout" in the "Template" tab. Copy the "Snip" section from my HTML into the "Source" box.