JavaScript打印正倒直线

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;
} JavaScript打印正倒直线-LMLPHP
04-30 08:49