<html>
<head>
  <title>JavaScript Example: TicTacToe</title>
  <style>
     .bcell { width: 100px; height: 100px;}
  </style>
<script language="Javascript" type="text/javascript">
var board = Array(9);
function setmesg(str) { // find the mesg object in the page var loc = document.getElementById('mesg') loc.innerHTML=str; // change innerHTML property to str } // setmesg function setresult(str) { // find the result object in the page var loc = document.getElementById('result') loc.innerHTML=str; // change innerHTML property to str } // setresult
function setup() { setmesg(""); setresult(""); for(i=0; i < 9; i++) board[i] = 0; } // setup
</script> </head>
<body onLoad="setup();">
<form name="controls" method="post" action="#"> <table> <tr> <td> <button type="button" name="reset")>Reset</button> </td> <td> <span id="mesg"></span> </td> <td> <span id="result"></span> </td> </tr> </table> </form> <table id="board" border align="center"> <tr> <td class="bcell" id="b0">&nbsp;</td> <td class="bcell" id="b1">&nbsp;</td> <td class="bcell" id="b2">&nbsp;</td> </tr> <tr> <td class="bcell" id="b3">&nbsp;</td> <td class="bcell" id="b4">&nbsp;</td> <td class="bcell" id="b5">&nbsp;</td> </tr> <tr> <td class="bcell" id="b6">&nbsp;</td> <td class="bcell" id="b7">&nbsp;</td> <td class="bcell" id="b8">&nbsp;</td> </tr> </table> </body> </html>