用javascript下一盘五子棋

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

最终效果演示:javascript五子棋 (需要修改源代码,每人给一个坐标来玩)

核心JS代码:

  1. <script type="text/javascript">
  2. function heiqi(x,y){ //黑棋坐标
  3.     return (
  4.     (x==5&&y==5)
  5.     ||(x==6&&y==7)
  6.     );
  7. }
  8. function baiqi(x,y){ //白棋坐标
  9.     return (
  10.     (x==7&&y==7)
  11.     ||(x==6&&y==8)
  12.     );
  13. }
  14. var arr=["","","","","","","","","","",""];
  15. for(y=0;y<19;y++){
  16. for(x=0;x<19;x++){
  17. 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>";
  18. }
  19. arr[10]+="<br />";
  20. }
  21. document.write(arr[10]);
  22. </script>
崔凯博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯 All rights reserved. 蜀ICP备12025891号.