javascript - 用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 />;