<html>
<head>
  <title>JavaScript Example: TicTacToe</title>
  <style>
     .bcell { width: 100px; height: 100px;}
  </style>
  
<script language="Javascript" type="text/javascript"> 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 </script>
</head> <body> <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>