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