Javascriptの大学タスク

Question

こんにちは、私は2色のテーブルを作成するタスクを持って、最初のものは次のようになります。

と私は、スクリプトを経由して、それを完了した：

n =10; 
document.write("<table>"); 
for (i =1; i <n; i++) 
{ 
    document.write("<tr>"); 
    for (j =1; j <=n; j++) 
    { 
     if (j <=i) 
      s ="class ='r1'"; 
     else 
      s ="class ='r2'"; 
     document.write("<td " + s + "> </td>"); 
    } 
    document.write("</tr>"); 
} 
document.write("</table>"); 

2番目は次のようになります。

と私はそれを行う方法がわかりません。助言がありますか？

Answer 1

パターンは簡単です - 3セルごとにが紫色です。パターンはまた次の行に直接続くので、k % 3を使用できます。kは、すでに描画されたセルの総数です。

Answer 2

これはトリック

n = 10; var c=1; 
 
document.write("<table>"); 
 
for (i =1; i <=n; i++) 
 
{ 
 
    document.write("<tr>"); 
 
    for (j =1; j <=n; j++) 
 
    { 
 
     c += 1; 
 
     if ((c % 3) == 0) 
 
      s ="class ='r1'"; 
 
     else 
 
      s ="class ='r2'"; 
 
     document.write("<td " + s + "> </td>"); 
 
    } 
 
    document.write("</tr>"); 
 
} 
 
document.write("</table>");

table td{ 
 
    width: 25px; 
 
    height: 25px; 
 
} 
 
.r1{ 
 
    background-color: pink; 
 
} 
 
.r2{ 
 
    background-color: blue; 
 
}

を行います