用javascript下一盘五子棋

Posted in 前端开发 on 07/01/2009 14:08:08 | 转载请注明：出自崔凯的博客

上学的时候，经常在本子上随便画个格子，然后OOXX下五子棋。
近日拜读了《悟透JavaScript》，实践一下使用javascript来下一盘五子棋。

最终效果演示：javascript五子棋（需要修改源代码，每人给一个坐标来玩）

核心JS代码：

<script type="text/javascript">
function heiqi(x,y){ //黑棋坐标
return (
(x==5&&y==5)
||(x==6&&y==7)
);
}
function baiqi(x,y){ //白棋坐标
return (
(x==7&&y==7)
||(x==6&&y==8)
);
}
var arr=["┏","┯","┓","┠","┼","┨","┗","┷","┛","╋",""];
for(y=0;y<19;y++){
for(x=0;x<19;x++){
arr[10]+="<span onclick=\"alert('这里的坐标是：x="+x+",y="+y+"。')\">"+(heiqi(x,y) ?"●":(baiqi(x,y)?"<font color=white>●</font>":arr[(x%18?0:(x-9)/9)+1+((y%18?0:(y-9)/9)+1)*3 +((x-3)%6?0:1)*((y-3)%6?0:5)]))+"</span>";
}
arr[10]+="<br />";
}
document.write(arr[10]);
</script>

2 条评论《用javascript下一盘五子棋》