井字棋
<html>
<head>
</head>
<script language="javascript">
var index=-1;
////////////
function play(buttons)
{
index=-1*index;
if(index==1)
{
buttons.value="#";
getWiner();
return false;
}
buttons.value="&";
}
/////////////
function getWiner()
{
if(form1.B1.value!=""&&form1.B1.value==form1.B2.value&&form1.B1.value==form1.B3.value)//1
{
alert(form1.B1.value+" is the winer!");
}
if(form1.B1.value!=""&&form1.B1.value==form1.B4.value&&form1.B1.value==form1.B7.value)//2
{
alert(form1.B1.value+" is the winer!");
}
if(form1.B1.value!=""&&form1.B1.value==form1.B5.value&&form1.B1.value==form1.B9.value)//3
{
alert(form1.B1.value+" is the winer!");
}
if(form1.B2.value!=""&&form1.B2.value==form1.B5.value&&form1.B2.value==form1.B8.value)//4
{
alert(form1.B2.value+" is the winer!");
}
if(form1.B3.value!=""&&form1.B3.value==form1.B6.value&&form1.B3.value==form1.B9.value)//5
{
alert(form1.B3.value+" is the winer!");
}
if(form1.B3.value!=""&&form1.B3.value==form1.B5.value&&form1.B3.value==form1.B7.value)//6
{
alert(form1.B3.value+" is the winer!");
}
if(form1.B4.value!=""&&form1.B4.value==form1.B5.value&&form1.B4.value==form1.B6.value)//7
{
alert(form1.B4.value+" is the winer!");
}
if(form1.B7.value!=""&&form1.B7.value==form1.B8.value&&form1.B7.value==form1.B9.value)//8
{
alert(form1.B7.value+" is the winer!");
}
return false;
}
</script>
<body>
<form method="POST" name="form1" >
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="20%" height="89">
<tr>
<td width="33%" height="31" align="center">
<p align="center"><input type="button" name="B1" onClick="play(this)"></td>
<td width="33%" height="31" align="center">
<p align="center"><input type="button" name="B2" onClick="play(this)"></td>
<td width="34%" height="31" align="center">
<input type="button" name="B3" onClick="play(this)"></td>
</tr>
<tr>
<td width="33%" height="29" align="center">
<input type="button" name="B4" onClick="play(this)"></td>
<td width="33%" height="29" align="center">
<input type="button" name="B5" onClick="play(this)"></td>
<td width="34%" height="29" align="center">
<input type="button" name="B6" onClick="play(this)"></td>
</tr>
<tr>
<td width="33%" height="29" align="center">
<input type="button" name="B7" onClick="play(this)"></td>
<td width="33%" height="29" align="center">
<input type="button" name="B8" onClick="play(this)"></td>
<td width="34%" height="29" align="center">
<input type="button" name="B9" onClick="play(this)"></td>
</tr>
</table>
</form>
</body>
</html>
<head>
</head>
<script language="javascript">
var index=-1;
////////////
function play(buttons)
{
index=-1*index;
if(index==1)
{
buttons.value="#";
getWiner();
return false;
}
buttons.value="&";
}
/////////////
function getWiner()
{
if(form1.B1.value!=""&&form1.B1.value==form1.B2.value&&form1.B1.value==form1.B3.value)//1
{
alert(form1.B1.value+" is the winer!");
}
if(form1.B1.value!=""&&form1.B1.value==form1.B4.value&&form1.B1.value==form1.B7.value)//2
{
alert(form1.B1.value+" is the winer!");
}
if(form1.B1.value!=""&&form1.B1.value==form1.B5.value&&form1.B1.value==form1.B9.value)//3
{
alert(form1.B1.value+" is the winer!");
}
if(form1.B2.value!=""&&form1.B2.value==form1.B5.value&&form1.B2.value==form1.B8.value)//4
{
alert(form1.B2.value+" is the winer!");
}
if(form1.B3.value!=""&&form1.B3.value==form1.B6.value&&form1.B3.value==form1.B9.value)//5
{
alert(form1.B3.value+" is the winer!");
}
if(form1.B3.value!=""&&form1.B3.value==form1.B5.value&&form1.B3.value==form1.B7.value)//6
{
alert(form1.B3.value+" is the winer!");
}
if(form1.B4.value!=""&&form1.B4.value==form1.B5.value&&form1.B4.value==form1.B6.value)//7
{
alert(form1.B4.value+" is the winer!");
}
if(form1.B7.value!=""&&form1.B7.value==form1.B8.value&&form1.B7.value==form1.B9.value)//8
{
alert(form1.B7.value+" is the winer!");
}
return false;
}
</script>
<body>
<form method="POST" name="form1" >
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="20%" height="89">
<tr>
<td width="33%" height="31" align="center">
<p align="center"><input type="button" name="B1" onClick="play(this)"></td>
<td width="33%" height="31" align="center">
<p align="center"><input type="button" name="B2" onClick="play(this)"></td>
<td width="34%" height="31" align="center">
<input type="button" name="B3" onClick="play(this)"></td>
</tr>
<tr>
<td width="33%" height="29" align="center">
<input type="button" name="B4" onClick="play(this)"></td>
<td width="33%" height="29" align="center">
<input type="button" name="B5" onClick="play(this)"></td>
<td width="34%" height="29" align="center">
<input type="button" name="B6" onClick="play(this)"></td>
</tr>
<tr>
<td width="33%" height="29" align="center">
<input type="button" name="B7" onClick="play(this)"></td>
<td width="33%" height="29" align="center">
<input type="button" name="B8" onClick="play(this)"></td>
<td width="34%" height="29" align="center">
<input type="button" name="B9" onClick="play(this)"></td>
</tr>
</table>
</form>
</body>
</html>