<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 } // setresultfunction 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"> </td> <td class="bcell" id="b1"> </td> <td class="bcell" id="b2"> </td> </tr> <tr> <td class="bcell" id="b3"> </td> <td class="bcell" id="b4"> </td> <td class="bcell" id="b5"> </td> </tr> <tr> <td class="bcell" id="b6"> </td> <td class="bcell" id="b7"> </td> <td class="bcell" id="b8"> </td> </tr> </table> </body> </html>