JavaScript打印正倒直線

作了一個做業，用JavaScript打印正倒直線，忽然以爲本身仍是邏輯有待增強訓練啊

 

　　

document.write("<h3>打印倒正金字塔直線</h3>");//打印一個h3標籤，
內容是裏邊的文字 
var i= 61;//定義金字塔的起始/截止寬度（百分比爲單位） 
while(i>0)//進行循環，當寬度大於0時，打印一個寬度爲i的hr水平線，
並將i自減10個百分比 
{  document.write("<hr width=" + i+"%/>");
 　　i=i-10; 
} 
for(var j=11;j<70;j=j+10){//進行循環，對j賦以初值11，當j小於70
時打印一個寬度爲j的hr水平線，並將i自增10個百分比 
　　document.write("<hr width=" + j+"%/>");
}
若是不用while，用for循環有兩種方案： 
第一種——兩個for循環 
document.write("<h3>打印倒正金字塔直線</h3>");     
 for(var i=61;i>0;i-=10){//打印倒金字塔       
　　 document.write("<hr width=" + i+"%/>");     
 }   
for(var j=11;j<70;j=j+10){//打印正金字塔    
　　document.write("<hr width=" + j+"%/>");   
} 
第二種——一個for循環 
document.write("<h3>打印倒正金字塔直線</h3>");      
for(var i=61,j=-1;i<70;){//當i>=11時，i每次自減10，當i<11以後，
每次自增10，用j來控制10的正負        
　　document.write("<hr width=" + i+"%/>");        
　　if(i<11)        
　　　　j=1;        
　　i+=10*j;      
}