用JS输出菱形图案:
记录一下学习JavaScript的过程
以下是代码:
<script>//输出1~8行的*号var str = "";for(var i = 1; i <= 8; i++) {var blank = "",stars = "";for(var j = 0; j <= 7 - i; j++) { //每行输出的的空格数blank += " ";}for(var k = 0; k < 2 * i - 1; k++) { //每行输出的的*号stars += "*";}str = str + blank + stars + "\n";}//输出9~15行的*号for(var i=7;i>0;i--){var blank = "",stars = "";for(var j=0;j<=7-i;j++){blank+=" ";}for(var k=0;k<2*i-1;k++){stars+="*";}str = str + blank + stars + "\n";}console.log(str);
</script>
以上是在控制台输出的方式。
<script>//打印行数是7for(var i = 0; i < 7; i++) {//前四行,每行递增两个if(i <= 3) {for(var j = 1; j <= 3 - i; j++) {document.write(' ');}for(var j = 0; j < i * 2 + 1; j++) {document.write('*');}} else {for(var j = 1; j <= i - 3; j++) {document.write(' ');}//i=4,打印5个//i=5,打印3个//i=6,打印1个for(var j = (7 - i) * 2 - 1; j > 0; j--) {document.write('*');}}document.write('<br />');}</script>
这是在页面输出的方式。
注意:页面输出时“\t”只相当于一个空格,没有作用,应该使用 ;而换行符“\n”也只在控制台输出时有用,页面输出时换行使用
用JS输出菱形图案:相关推荐
- 实验1-5 输出菱形图案 (5 分)
实验1-5 输出菱形图案 (5 分) 本题要求编写程序,输出指定的由"A"组成的菱形图案. 输入格式: 本题无输入 输出格式: 按照下列格式输出由"A"组成的菱 ...
- c语言间隔输出菱形图案,c语言输出菱形图案
c语言输出菱形图案app,专为想学习编程的伙伴们提供的学习软件.在c语言输出菱形图案app中你可查看各类关于IT的相关信息,体验一对一即时在线答疑咨询服务,以及在线上课.看教学视频等. 基本简介 c语 ...
- 实验输出菱形图案 (5 分)
实验1-5 输出菱形图案 (5 分) 本题要求编写程序,输出指定的由"A"组成的菱形图案. 输入格式: 本题无输入 输出格式: 按照下列格式输出由"A"组成的菱 ...
- 2020-9-13 输出菱形图案
输出菱形图案 题目:编写一个程序,输出菱形图案,第一行为一个字母A,第二行为三个字母B,依次类推,第n行为2n-1个相应的字母,以后每行递减,n有键盘输入. 感悟:关键在于利用for循环,控制每行输出 ...
- 使用循环语句输出菱形图案
使用循环语句输出菱形图案(由"-"和"*"这两种符号组成) <!DOCTYPE html> <html> <head>< ...
- 7-4 输出菱形图案 (5分)
7-4 输出菱形图案 (5分) 题目描述如下: 本题要求编写程序,输出指定的由"A"组成的菱形图案. 输入格式: 本题无输入 输出格式: 按照下列格式输出由"A" ...
- python菱形图案_「每日一练」巧用python输出菱形图案
菱形的图案真的是特别好看,之前用很多的程序语言都实现了对于菱形图案的输出,那么你知道如何用万能的Python输出一个菱形图案! 往下看,就是这么简单! 题目 打印出如下图案(菱形) 先上代码~ 运行效 ...
- c语言在屏幕上输出一个菱形图案,C语言 在屏幕上输出菱形图案
在屏幕上输出以下图案: * *** ***** ******* ********* *********** ************* *********** ********* ******* ** ...
- 7-4 输出菱形图案
本题要求编写程序,输出指定的由"A"组成的菱形图案. 输入格式: 本题无输入 输出格式: 按照下列格式输出由"A"组成的菱形图案. A A A A 代码长度限制 ...
最新文章
- 神奇的FireFox
- 面向自动驾驶领域的3D点云目标检测全栈学习路线!(单模态+多模态/数据+代码)...
- oracle10g提权,Oracle 10g提权测试
- 《C#本质论》读书笔记(18)多线程处理
- jQuery 原理的模拟代码 -4 重要的扩展函数 extend
- python3 dict.keys() dict_keys类型 转换 list类型
- 如何判断两个单向链表是否有相交,并找出交点
- 屏幕坐标系和视口坐标系
- Silverlight+WCF 实战-网络象棋最终篇之对战视频-上篇[客户端开启视频/注册编号/接收视频](五)...
- lucene3.5学习笔记02--创建索引和建立搜索
- MyBatis 源码解读-databaseIdProviderElement()
- macbookpro接口叫什么_【科普】什么是雷电接口?苹果电脑MACBOOK PRO有吗?
- gabor变换人脸识别的python实现,att_faces数据集平均识别率99%
- centos安装stress安装失败_CentOS安装nginx
- 告别乱码,针对GBK、UTF-8两种编码的智能URL解码器的java实现
- 20个网上赚钱你要知道的网站!
- 深度学习三巨头也成了大眼萌,这个一键转换动画电影形象的网站「太火」了...
- vs 没法f12_键盘快捷键 - F12不再适用于Visual Studio
- 【Apache】You don't have permission to access / on this server.问题解决
- 心田花开:人教版一年级语文《小蝌蚪找妈妈》知识点归纳
热门文章
- 【CE】ASK,OOK,FSK,GFSK简介
- laravel5.6 提示The page has expired due to inactivity. Please refresh and try again.的解决方法
- 数据驱动运营决策-框架与方法(下)
- 【大厂智力题】64匹马,8个赛道,找出前4名最少比赛多少场?
- Unity3D教程:如何利用Shader实现钻石渲染效果
- 四、基于HTTPS协议的12306抢票软件设计与实现--水平DNS并发查询分享
- 速写在网站建设中的重要地位
- 蓄力-利用POI进行excel的导入导出(包含图片)
- Python项目:The Ship Rendezvous Problem,利用贪心算法解决船舶交会问题
- 【RMF】ros机器人中间件框架学习系列二:运行demos