javascript学习指南_JavaScript编写棋盘覆盖代码详解

更新时间:2021-08-12    来源:C语言    手机版     字体:

【www.bbyears.com--C语言】

一、前言

之前做了一个算法作业,叫做棋盘覆盖,本来需要用c语言来编写的,但是因为我的c语言是半桶水(哈哈),所以索性就把网上的c语言写法改成JavaScript写法,并且把它的覆盖效果显示出来

二、关键代码




算法作业2



  
    

设置棋盘大小:

请输入特殊方格的位置:

x:
y:

<script type="text/javascript"> window.onload=function() {//棋盘设置 varchess=document.getElementById("chess"); varinput=document.getElementsByTagName("input")[3]; input.onclick=function() { varN=document.getElementsByTagName("input")[0].value; vartable=document.createElement("table"); chess.appendChild(table); table.style.border="2px solid"; table.style.borderCollapse="collapse"; for(vari=0;i= tc + s ) chessBoard(tr,tc+s,dr,dc,s); else { Matrix[tr+s-1][tc+s] = t; chessBoard(tr,tc+s,tr+s-1,tc+s,s); } if(dr >= tr + s && dc < tc + s) chessBoard(tr+s,tc,dr,dc,s); else { Matrix[tr+s][tc+s-1] = t; chessBoard(tr+s,tc,tr+s,tc+s-1,s); } if(dr >= tr + s && dc >= tc + s) chessBoard(tr+s,tc+s,dr,dc,s); else { Matrix[tr+s][tc+s] = t; chessBoard(tr+s,tc+s,tr+s,tc+s,s); } } } </script>


三、效果

1.4*4棋盘覆盖

2.8*8棋盘覆盖

3.16*16棋盘覆盖

4.32*32棋盘覆盖

C语言代码我是参考课本的,为了能够把它用进JavaScript里面,突破口就是二维数组Matrix[][],只要能够获得它计算之后整个数组的数据,那么就有思路了。要记住填写进表单里面的数据是在点击按钮之后才获取的,所以获取元素节点的代码要放在onclick里面。

本文来源:http://www.bbyears.com/asp/135598.html

猜你感兴趣