如何使用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>") 

請注意使用遞減循環來匹配圖片的順序和表格的用法