Javascript::文本区域中的新行

Question

在我的 HTML 文件中，我有以下代码片段:

<textarea class="form-control" id="textfield" rows="10"></textarea>

在我的 Javascript 文件中我有这个:

    input1 = document.getElementById('input1').value;
    input2 = document.getElementById('input2').value;
    textfield = document.getElementById('textfield');

    if(document.getElementById('tmkbSelect').value == "option1") {
        document.getElementById('tmkb').innerHTML = "Tafel";
        for(input2i=0;input2i<20;input2i++){
            document.getElementById('textfield').value = input1+" "+"*"+" "+input2i+" "+"="+" "+input1*input2i;
        }
    }

我基本上是在尝试创建一个乘法表。它有效，但不完全有效。

JavaScript 代码位于一个函数中，我使用按钮调用该函数，但问题是输出是这样的:

3 * 19 = 57

我希望它是:

3 * 1 = 3
3 * 2 = 6
3 * 3 = 9

等等，我该怎么办？我需要仅使用 Javascript 来完成此操作。

Answer 1

您需要连接字符串，然后将它们放入文本区域。

您可以将字符串添加到数组中，然后在循环后将它们连接起来并将它们放入文本区域:

var lines = [];
for(input2i=0;input2i<20;input2i++){
  lines.push(input1+" "+"*"+" "+input2i+" "+"="+" "+input1*input2i);
}
document.getElementById('textfield').value = lines.join('\n');