JavaScript打印正倒直线
2024-10-19 13:30:32
做了一个作业,用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;
}
最新文章
- java8入门 错误:找不到或者无法加载主类
- SQL出错
- openlayers
- TeamTalk源码分析之服务端描述
- Autofac和DynamicProxy2搭配实现Aop动手训练
- Selenium2+python自动化3-解决pip使用异常
- ASP.NET中常用的几个李天平开源公共类LTP.Common,Maticsoft.DBUtility,LtpPageControl (转)
- magento添加系统sections配置时应注意的事项
- ORACLE 主要后台进程1
- java实现死锁的demo
- FFMPEG结构体分析:AVFrame
- 关于IIS的4月26日笔记
- OS Tools-GO富集分析工具的使用与解读详细教程
- pickle file in matlab
- nginx安装以及常用配置
- centos 6.5 搭建zookeeper集群
- linux下授予某用户对某文件夹的读写权限
- 《FPGA全程进阶---实战演练》第十四章 蜂鸣器操作
- Ubuntu 12.04安装和设置SSH服务
- mac terminal中快捷移动光标 持续更新。。。
热门文章
- Java多线程之this与Thread.currentThread()的区别——java多线程编程核心技术
- vert.x学习(二),使用Router来定义用户访问路径
- iOS - + initialize 与 +load
- GridView 实现LinkButton下载文件/附件
- NGINX 配置 SSL 双向认证
- redis学习教程地址
- oracle中merge方法
- LeetCode Nested List Weight Sum
- Hibernate操作指南-搭建一个简单的示例(基于原生API和XML)
- Spring操作指南-AOP基本示例(基于注解)