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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM