这篇文章主要为大家详细介绍了Java脚本语言实现网页版的五子棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Java脚本语言实现网页版五子棋游戏的具体代码，供大家参考，具体内容如下
根据毕老师的HTML CSS JavaScript教程和下载的一些文档介绍自己在手机上写出来的一个简单五子棋，很简单的功能，许多功能都没有实现，写的过程中也遇到很多问题，现在的代码中也存在一些问题，比如电脑下棋时没有下到最右边和最下边，改来改去也还没试出电脑下最右边和最下边一排的情况，但每一个字符都是自己敲出来的，清楚他们的功能，还是很有成就感的！先看下概貌吧！
上代码
超文本标记语言
头！-头部标签开始-
标题新文档/标题
meta name=' Generator ' content=' edit plus '
meta name='Author' content=' '
meta name='Keywords' content=' '
元名称='描述'内容=' '
style type='text/css '
/*CSS区域*/
表格{
边框：红色2px纯色；
边框-塌陷：塌陷；
文本对齐：居中；
}
td，th{
边框：红色1px纯色；
填充：5,10,5,10;
}
/风格
脚本类型='文本/javascript '
/*javascript区域*/
var BOARD _ SIZE=9；
var board=new Array()；
var s=
功能播放()
{
if (board.length！=0)
{
警报('游戏已经开始了，点击"重新开始"开始新游戏');
返回；
}
init()；
show()；
}
函数初始化()
{
//s=" "；
纸板=新阵列()
for(var I=0；iBOARD _ SIZE我)
{
//s=((I 1)' ')；
board[I]=new Array()；
for(var j=0；jBOARD _ SIZEj)
{
理事会''；
//s=board[I][j]；
}
//s=' br/'；
}
//s=" "；
//for(var k=1；k10k)
{
//s=' ' k；
}
//警报；
}
函数getBoard()
{
返回板；
}
//var flag=false；//电脑没下呢电脑调用setChess又执行了计算机
功能设置棋（位置，棋子)
{
如果(!位置)
{
返回；
}
棋盘[位置[0]][位置[1]]=棋子；
show()；
if (chessMan=='')
{
计算机do()；
}
/*
如果(标志)
{
返回；
}
标志=假
如果(!旗帜)
{
计算机do()；
}
其他
标志=假
*/
}
函数计算机做()
{
var x=parse int(数学。random()*(BOARD _ SIZE))；
var y=parse int(数学。random()*(BOARD _ SIZE))；
警报('计算机：' x '-' y)；
而(!checkPos(x ' '，y '') || hasChess(x-1，y-1))
{
x=parse int(数学。random()*(BOARD _ SIZE))；
y=parse int(数学。random()*(BOARD _ SIZE))；
警报('计算机：' x '-' y)；
}
var pos=[x-1，y-1]；
setChess(位置，'');
}
函数显示()
{
s=
var节点=文档。getelementbyid(“board span”)；
for(var I=0；iBOARD _ SIZE我)
{
s=((I ^ 1)' ')；
for(var j=0；jBOARD _ SIZEj)
{
s=board[I][j]；
}
s=' br/'；
}
s=
for(var k=1；k10k)
{
s=' ' k；
}
节点。innerhtml=s；
}
函数重放()
{
init()；
show()；
}
函数getPos()
{
var pos=new Array()；
var x=文档。getelementbyid(' posx ').价值；
变量y=文档。getelementbyid(' posy ').价值；
如果(!checkPos(x，y))
{
警报('输入位置有误，请重新输入!');
返回；
}
位置[0]=x-1；
位置[1]=y-1；
if (hasChess(位置[0]，位置[1])
{
警报('该位置已有棋子，请重新输入!');
返回；
}
/*/防止电脑调用setChess时自动调用
document.getElementById('posx ').值="";
document.getElementById('posy ').值="";
*/
//alert(pos[0]':' pos[1])；
退货位置；
}
函数hasChess(x，y)
{
return (board[x][y]！='')?真：假；
}
函数检查点(x，y)
{
var reg='^[1-9]{1}$'；
return (x.match(reg)y.match(reg))？真：假；
}
/脚本
/头！-头部标签结束-
身体！-主体标签开始-
！-注释区域-
桌子
th colspan=3 style=' font-size:24；颜色：绿色'五子棋/th
tr
td colspan=3
span id='boardspan '
棋盘显示区
/span
/td
/tr
tr
td rowspan=2落子位置/td
（美)财政部(财政部)横向：输入类型='text' id='posx' size=4 //td
TD rowspan=2输入类型=' button '值='确定nclick='setChess(getPos()，'')'/td
tr
（美)财政部(财政部)竖向：输入类型='text' id='posy' size=4 //td
/tr
/tr
tr
thinput type='button' value='开始游戏on click=' play()'//th
th列跨度=输入类型='按钮'值='重新开始on click=' rePlay()'//th
/tr
/表格
/body！-主体标签结束-
/html
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。