JS implementiert Schachbrettabdeckung

Dieses Mal werde ich Ihnen JS zur Implementierung der Schachbrettabdeckung vorstellen. Was sind die Vorsichtsmaßnahmen für JS zur Implementierung der Schachbrettabdeckung?

Ich habe zuvor eine Algorithmus-Hausaufgabe namens Schachbrettabdeckung gemacht, die ursprünglich in C-Sprache geschrieben werden musste, aber da meine C-Sprache unausgegoren ist (haha), habe ich einfach die C-Sprach-Schreibmethode im Internet auf JavaScript geändert Schreiben und den Overlay-Effekt anzeigen

nbsp;html>

<meta>
<title>算法作业2</title>
<style>
  #num{}
  #chess{
    margin-top:20px;
    }
</style>


  <p>
    </p><p>设置棋盘大小：
      <input>
    </p>
    <p>请输入特殊方格的位置：</p>
    <p>
    x:<input><br>
    y:<input>
    </p>
    <p>
      <input>
      <input>
    </p>
  
  <p>
  </p>


<script>
  window.onload=function()
  {//棋盘设置
    varchess=document.getElementById(&#39;chess&#39;);
    varinput=document.getElementsByTagName(&#39;input&#39;)[3];
    input.onclick=function()
    {
      varN=document.getElementsByTagName(&#39;input&#39;)[0].value;
      vartable=document.createElement(&#39;table&#39;);
      chess.appendChild(table);
      table.style.border=&#39;2px solid&#39;;
        table.style.borderCollapse=&#39;collapse&#39;;
      for(vari=0;i<N;i++)
      {
        vartr=document.createElement(&#39;tr&#39;);
        table.appendChild(tr);
        tr.style.height ="20px";
        tr.style.border=&#39;1px solid #ccc&#39;;
        for(varj=0;j<N;j++)
        {
          vartd=document.createElement(&#39;td&#39;);
          tr.appendChild(td);
          td.style.width ="20px";
          td.style.border=&#39;1px solid #ccc&#39;;
        }
      } 
    }
    varOut=document.getElementsByTagName(&#39;input&#39;)[4];
    varMatrix =newArray();  
    for(vari=0;i<100; i++)
    {//初始化棋盘矩阵
        Matrix[i] =newArray(); 
        for(varj=0;j<100;j++)
      {
         Matrix[i][j]=0;
        }
    }
    Out.onclick=function()
    {//棋盘生成
      varr,c;
      varX=document.getElementsByTagName(&#39;input&#39;)[1].value;
      varY=document.getElementsByTagName(&#39;input&#39;)[2].value;
      varN=document.getElementsByTagName(&#39;input&#39;)[0].value;
      chessBoard(0,0,X-1,Y-1,N);
      for(r = 0; r < N; r++)
      {
        for(c = 0; c < N; c++)
        {
           varq=Matrix[r][c];
           vartable=document.getElementsByTagName(&#39;table&#39;)[0];
           table.rows[r].cells[c].style.background=&#39;rgb(&#39;+13*q%256+&#39;,&#39;+43*q%256+&#39;,&#39;+73*q%256+&#39;)&#39;;
        }
      }
    }
    varnCount = 0;
    functionchessBoard(tr,tc,dr,dc,size)
    {
      vars,t;
      if(size == 1)return;
      s =size/2;
      t = ++nCount ;
      if(dr < tr + s && dc < tc +s)
        chessBoard(tr,tc,dr,dc,s);
      else
      {
        Matrix[tr+s-1][tc+s-1] = t;
        chessBoard(tr,tc,tr+s-1,tc+s-1,s);
      }
      if(dr < tr + s && dc >= 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>

Ich verweise auf den C-Sprachcode für die Schachbrettabdeckung aus dem Lehrbuch. Um ihn in JavaScript zu verwenden, ist der Durchbruch zweidimensionales ArrayMatrix[][]. Nachdem die Berechnung erhalten werden kann, liegt eine Idee vor. Denken Sie daran, dass die im Formular ausgefüllten Daten nach dem Klicken auf die Schaltfläche abgerufen werden. Daher muss der Code zum Abrufen des Elementknotens in onclick platziert werden.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung der parasitären kombinierten Vererbung von js

React-router4.0 implementiert die Umleitung und 404-Funktion

Das obige ist der detaillierte Inhalt vonJS implementiert Schachbrettabdeckung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!