html金字塔写法js,在HTML中绑定JS金字塔

我使用JavaScript创建了一个金字塔，下面是我到目前为止尝试使用的循环代码:function showPyramid() {

var rows = 5;

var output = '';

for (var i = 1; i <= rows; i++) { //Outer loop

for (var j = 1; j <= i; j++) { //Inner loop

output += '* ';

}

console.log(output);

document.getElementById('result').innerHTML = output;

output = '';

}

}

很基本！ 但是我试图用html元素绑定结果，比如用div绑定，如下所示:document.getElementById('result').innerHTML = output;

相反，它显示一行五颗星，而不是在控制台中看到的JS格式。 我错过了什么吗？

完整代码:

null

Pyramid

function showPyramid() {

var rows = 5;

var output = '';

for (var i = 1; i <= rows; i++) {

for (var j = 1; j <= i; j++) {

output += '* ';

}

console.log(output);

document.getElementById('result').innerHTML = output;

output = '';

}

}

Pyramid

null