嘿那里，寻找解决方案

Question

嗨，我有麻烦让我的程序正常运行。我能够清除任何语法错误，但现在我有问题，我的output.I需要的输出为

* * * * * 
* * * * 
* * * 
* * 
* 

代码是

var i = 1; 
while (i < 6) 
{ 
    if (i==1) 
    { 
     document.getElementById("demo").innerHTML = "* * * * *<br>"; 
    } 
    else if (i==2) 
    { 
     document.getElementById("demo").innerHTML = "* * * *<br>"; 
    } 
    else if (i==3) 
    { 
     document.getElementById("demo").innerHTML = "* * *<br>" ; 
    } 
    else if (i==4) 
    { 
     document.getElementById("demo").innerHTML = "* *<br>" ; 
    } 
    else if (i==5) 
    { 
     document.getElementById("demo").innerHTML = "*" ; 
    } 
    else 
    { 
     document.getElementById("demo").innerHTML = ""; 
    } 
    i++; 
} 

Answer 1

使用innerHTML += YOUR_VALUE中插入新HTML现有的HTML

试试这个：

var i = 1; 
 
while (i < 6) { 
 
    if (i == 1) { 
 
    document.getElementById("demo").innerHTML += "* * * * *<br>"; 
 
    } else if (i == 2) { 
 
    document.getElementById("demo").innerHTML += " * * * *<br>"; 
 
    } else if (i == 3) { 
 
    document.getElementById("demo").innerHTML += " * * *<br>"; 
 
    } else if (i == 4) { 
 
    document.getElementById("demo").innerHTML += "* * <br>"; 
 
    } else if (i == 5) { 
 
    document.getElementById("demo").innerHTML += "*<br>"; 
 
    } else { 
 
    document.getElementById("demo").innerHTML += "<br>"; 
 
    } 
 
    i++; 
 
}

<div id="demo"></div>

Fiddle here

或者可以简化，如：

var i = 5; 
 
var makeStart = function(count) { 
 
    var star = ''; 
 
    for (var i = 0; i < count; i++) { 
 
    star += '*'; 
 
    } 
 
    return star; 
 
} 
 
while (i) { 
 
    document.getElementById("demo").innerHTML += makeStart(i) + '<br>'; 
 
    i--; 
 
}

<div id="demo"></div>

Answer 2

您可以使用循环来代替。

(function(){ 
 
    var html = ""; 
 
    for(var i = 5; i>0; i--){ 
 
    for(var j=0; j<i; j++){ 
 
     html+= "* "; 
 
    } 
 
    html += "<br/>"; 
 
    } 
 
    
 
    document.getElementById("demo").innerHTML= html; 
 
})()

<div id="demo"></div>