javascript - JavaScript输出标签中的新行

我正在尝试在输出标签中显示星星的金字塔，而每行之后都看不到新行吗？输出标签的ID为“ result”，如果用户未插入数字，则我可以获取错误消息以进行工作。

function teken(){
    var resultaat =document.getElementById("result");
    document.getElementById("result").innerText = "";
    if(isNaN(getal.value)){
        document.getElementById("result").innerText = "Een GETAL als ingave aub";
    } else if(getal.value>10 || getal.value<2){
        document.getElementById("result").innerText = "Getal moet groter dan 2 en kleiner dan 10 zijn"
    } else {
        for(var i = 1; i<= getal.value; i++){
            for(var j = 1 ; j<=i;j++){
                resultaat.value += "*";
            }
            resultaat.innerHTML += "<br>"
        }
    }

提前致谢！

最佳答案

根据我上面的评论，我认为您只需要resultaat.innerHTML += "*"而不是.value。这是可以使用的经过精简的代码版本（带有该修改）：

var resultaat = document.getElementById("result");
var n = 5;
for (var i = 1; i <= n; i++) {
    for (var j = 1; j <= i; j++) {
        resultaat.innerHTML += "*";
    }
    resultaat.innerHTML += "<br>"
}

<div id="result"></div>

关于javascript - JavaScript输出标签中的新行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44609066/