JavaScript中输出标记中的新行

时间:2017-06-17 20:24:00

标签: javascript html

我正在尝试在输出标签中显示一个星形金字塔,我不能在每一行后出现一条新线?输出标记具有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>"
        }
    }

提前致谢!

1 个答案:

答案 0 :(得分:0)

根据我上面的评论,我认为您只需要resultaat.innerHTML += "*"而不是.value。这是您的代码(带有该编辑)的精简版本:

&#13;
&#13;
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>"
}
&#13;
<div id="result"></div>
&#13;
&#13;
&#13;