<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"> </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>