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;      
}