带标题的乘法表

时间:2019-12-07 17:29:00

标签: javascript

我正在制作一个乘法表,但我不知道如何制作这样的表头:

enter image description here

这是我的代码,我快到了。我想要一个X而不是角落里的数字。有没有简单的方法可以做到这一点?

import java.util.Arrays;
import java.util.stream.Collectors;
public class HelloWorld{
     public static void main(String []args){
        int[][] arr = {{1}, {3,4,5}, {6, 7}};
        for(int i = 0; i < arr.length; i++) {
            System.out.println(Arrays.stream(arr[i]).boxed().collect(Collectors.toList()));
        }
     }
}

2 个答案:

答案 0 :(得分:1)

在第一个for循环之前,添加:

table += "<th>x</th>";

然后,如果由于添加而产生太多TH元素,请更改:

for (n_2 = a - 1; n_2 <= b; n_2++) {

收件人:

for (n_2 = a; n_2 <= b; n_2++) {

答案 1 :(得分:0)

这可以解决您的问题

function multiplication_table(a, b) {
var table = "<table style='width:500px'>";
var product, n_1, n_2;

for (n_2 = a - 1; n_2 <= b; n_2++) {
    if(n_2==a-1)
        table += "<th>x</th>";
    else
        table += "<th>" + n_2 + "</th>";
}

for (n_1 = a; n_1 <= b; n_1++) {
  table += "<tr>";

  table += "<th>" + n_1 + "</th>";
  for (n_2 = a; n_2 <= b; n_2++) {
    product = n_1 * n_2;
    table += "<td>" + product + "</td>";
  }
  table += "</tr>";
}
table += "</table>";

document.getElementById("table").innerHTML = table;
}