在Javascript中使用for循环时，如何在多个列中显示输出？

用户应该能够输入整数并查看该数字的基数、平方和立方结果。基本结果应列在“基本”标题下，平方结果应列在“平方”标题下，立方结果应列在“立方”结果下。但是，我的输出在“base”标题下列出了所有结果。如何将结果列在相关标题下？这就是我所拥有的：

var $ = function (id) {
    return document.getElementById(id);
}

var calculate = function () {

//Get the input from the user and assign it to the userInput variable
var integer = $("integer").value;

var header = "Base" + "  " + "Square" + "  " + "Cubed" + "\n";
var squared = "";
var cubed = "";
var base = "";
var displayOutput;

for (var i = 1; i <= integer; i++) {
    base += i + "\n";
    squared += i * i + "\n";
    cubed += i * i * i + "\n";
    displayOutput = base + squared + cubed;
    }

$("output").value = header + displayOutput;

}

var form_reset = function () {
    $("output").value = "";
    $("integer").value = "";
}

//Assign event handlers to their events
    window.onload = function () {
      $("powers").onclick = calculate;
      $("clear").onclick = form_reset;
    }

var$=函数（id）{
返回文档.getElementById（id）；
}
var calculate=函数（）{
//从用户处获取输入并将其分配给userInput变量
变量整数=$（“整数”）。值；
var header=“Base”+“+”Square”+“+”Cubed”+“\n”；
var平方=”；
var立方=”；
var base=“”；
var显示输出；
对于（var i=1；i这一切都取决于输出。为了尽可能接近代码，您似乎正在将生成的displayOutput字符串插入到textarea控件中。如果您希望保持这种方式，请尝试使用制表符（\t）分隔列，并且只在末尾（\n）添加一行新行。此外，我注意到您正在将每个列串联在一起（基数、平方和立方）在每次迭代中，所以我删除了它。结果如下：

var $ = function (id) {
    return document.getElementById(id);
};

var calculate = function () {

//Get the input from the user and assign it to the userInput variable
var integer = $("integer").value;

var header = "Base" + "  " + "Square" + "  " + "Cubed" + "\n";
var squared = "";
var cubed = "";
var base = "";
var displayOutput = "";

for (var i = 1; i <= integer; i++) {
    base = i + "\t";
    squared = i * i + "\t";
    cubed = i * i * i + "\n";
    displayOutput += base + squared + cubed;
}

$("output").value = header + displayOutput;

};

var form_reset = function () {
    $("output").value = "";
    $("integer").value = "";
};

//Assign event handlers to their events
window.onload = function () {
  $("powers").onclick = calculate;
  $("clear").onclick = form_reset;
  $("theform").onsubmit = function() { return false; };
};

var$=函数（id）{
返回文档.getElementById（id）；
};
var calculate=函数（）{
//从用户处获取输入并将其分配给userInput变量
变量整数=$（“整数”）。值；
var header=“Base”+“+”Square”+“+”Cubed”+“\n”；
var平方=”；
var立方=”；
var base=“”；
var displayOutput=“”；
对于（var i=1；i），您可能希望使用数据创建一个
html表。