如何使用JavaScript为每个表格行打印不同的值

Question

我只想使用Javascript创建一个乘法表，但是我不希望每一行都有相同的结果。 我将为工作创建想要创建的表的图片

在此代码中，程序将打印9次

 for (a = 1; a <= 9; a++) { document.write('<div style= "float: left; margin: 25px">') for (i = 1; i <= 9; i++) { document.write(a + ' x ' + i + ' = ' + a * i + '</br>'); } } 

我已经制作了一张用于乘法的表格，但我不想将所有文字打印10次。 我想让每个表格单元格不同

我想像这张照片一样，并且是JavaScript的新手

Answer 1

 var times = 1; for (a = 9; a > 0; a--) { for (i = 9; i > 0 && i > (9 - times); i--) { document.write(a + ' x ' + i + ' = ' + a * i + ' '); } document.write('<br>'); times++; } 

Answer 2

您可以简单地将其添加到for (i = 1; i <= a; i++)的第二个循环中for (i = 1; i <= a; i++)从而实现所需的目标。

 for (a = 1; a <= 9; a++) { document.write('<div style= "float: left; margin: 5px">') for (i = 1; i <= a; i++) { document.write(a + ' x ' + i + ' = ' + a * i + '</br>'); } } 

Answer 3

简单的答案是将for (i=1; i<=9; i++) {这一行替换for (i=1; i<=9; i++) { ： for (i=a; i<=9; i++) {

 for (a = 1; a <= 9; a++) { document.write('<div style= "float: left; margin: 25px">') for (i = a; i <= 9; i++) { document.write(a + ' x ' + i + ' = ' + a * i + '</br>'); } } 

Answer 4

为了使您拥有与图片完全相同的功能，此代码可以完成此工作：

 document.write("<table>"); for (a = 9; a > 0; a--) { document.write("<tr>") for (i = 9; i > a - 1; i--) { document.write('<td>' + a + ' x ' + i + ' = ' + a * i + '</td>'); } document.write('</tr>') } document.write("</table>") 

请注意使用递减循环来匹配图片的顺序和表格的用法