Javascript大学任务

Question

您好我有一个任务是制作两个彩色表，第一个必须看起来像这样：

我已经通过脚本完成了它：

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>");

第二个必须如下：

我不知道该怎么做。有什么建议吗？

Answer 1

这样就可以了解

＆＃13;

＆＃13;

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>");

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

模式看起来很简单 - 连续的每个第三个单元格都是紫色的。该模式也会直接继续到下一行，因此您可以使用k % 3，其中 k 是已绘制的单元格总数。