用Javascript制作乘法表

Question

JSFiddle

我要做的是制作一个简单的乘法表。

如果值为'2'和'3'，则它应显示结果，如 -

2
4
6

但是，相反它显示 -

6

谁能告诉我哪里出错？

感谢。

Answer 1

您在每次迭代时都会覆盖.innerHTML属性。试试这个：

http://jsfiddle.net/3aSPm/5/

    var html = "";
    for (i = 0; i <= y; i++) {
        html += (x * i) + "<br>";
        console.log(x * i);
    };
    result.innerHTML = html;

由于+= innerHTML的可怕含义，我正在使用字符串，主要是它在每次迭代时重新序列化并重新解析所有内容。

Answer 2

下面

for (i = 0; i <= y; i++ ) {
    result.innerHTML = x * i;

你在每次迭代中重写result的内容。

您应该将+更改为+=

for (i = 0; i <= y; i++ ) {
    result.innerHTML += x * i;

或者，为了更好的格式化（如果你想要x * 1的结果）

for (i = 1; i <= y; i++ ) {
    result.innerHTML += x * i + '<br />;