使用JavaScript显示时间表

时间:2018-09-28 20:10:50

标签: javascript

由于我不熟悉JavaScript,所以对在JavaScript中使用for循环感到有些困惑。我已经使用下面的JavaScript代码尝试了时间表,但未能成功创建1到9的时间表,如图所示。

  var display = ""; // The table output HTML
  for (i = 1; i <= 9; i++) {
    var multiplier = 1;
    var result = i * 1;

    display += multiplier + " * " + i + " = " + result + "\xa0\xa0\xa0\xa0\xa0\xa0\xa0 " ;

  }

  document.getElementById("outputDiv").innerHTML = display;

我尝试使用嵌套的for循环,但它给我留下了错误

这是我处理单个for循环的地方

https://codepen.io/vbudithi/pen/LgEPwx

我试图以下面的形式获取输出

enter image description here

非常感谢

2 个答案:

答案 0 :(得分:2)

使用带有中断线的嵌套循环。 “

工作示例:https://codepen.io/anon/pen/yRyLje

var display = ""; 


for( i = 1; i < 10; i++){
   for (j = i; j < 10; j++) {

        display += i + " * " + j + " = " + j * i+ "\xa0\xa0\xa0\xa0\xa0" ;

    }
  display +="<br>";
 }
document.getElementById("outputDiv").innerHTML = display;

答案 1 :(得分:1)

就像NicolasB所说的那样,将循环包裹在另一个循环中

var display = ""; // The table output HTML
for(j = 1; j <= 9; j++) {
  for (i = j; i <= 9; i++) {
    var result = i * j;

    display += j + " * " + i + " = " + result + "\xa0\xa0\xa0\xa0\xa0\xa0\xa0 " ;

  }
  display += "<br>";
}

document.getElementById("outputDiv").innerHTML = display;