记录一下学习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('&nbsp;');}for(var j = 0; j < i * 2 + 1; j++) {document.write('*');}} else {for(var j = 1; j <= i - 3; j++) {document.write('&nbsp;');}//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”只相当于一个空格,没有作用,应该使用&nbsp;而换行符“\n”也只在控制台输出时有用,页面输出时换行使用

用JS输出菱形图案:相关推荐

  1. 实验1-5 输出菱形图案 (5 分)

    实验1-5 输出菱形图案 (5 分) 本题要求编写程序,输出指定的由"A"组成的菱形图案. 输入格式: 本题无输入 输出格式: 按照下列格式输出由"A"组成的菱 ...

  2. c语言间隔输出菱形图案,c语言输出菱形图案

    c语言输出菱形图案app,专为想学习编程的伙伴们提供的学习软件.在c语言输出菱形图案app中你可查看各类关于IT的相关信息,体验一对一即时在线答疑咨询服务,以及在线上课.看教学视频等. 基本简介 c语 ...

  3. 实验输出菱形图案 (5 分)

    实验1-5 输出菱形图案 (5 分) 本题要求编写程序,输出指定的由"A"组成的菱形图案. 输入格式: 本题无输入 输出格式: 按照下列格式输出由"A"组成的菱 ...

  4. 2020-9-13 输出菱形图案

    输出菱形图案 题目:编写一个程序,输出菱形图案,第一行为一个字母A,第二行为三个字母B,依次类推,第n行为2n-1个相应的字母,以后每行递减,n有键盘输入. 感悟:关键在于利用for循环,控制每行输出 ...

  5. 使用循环语句输出菱形图案

    使用循环语句输出菱形图案(由"-"和"*"这两种符号组成) <!DOCTYPE html> <html> <head>< ...

  6. 7-4 输出菱形图案 (5分)

    7-4 输出菱形图案 (5分) 题目描述如下: 本题要求编写程序,输出指定的由"A"组成的菱形图案. 输入格式: 本题无输入 输出格式: 按照下列格式输出由"A" ...

  7. python菱形图案_「每日一练」巧用python输出菱形图案

    菱形的图案真的是特别好看,之前用很多的程序语言都实现了对于菱形图案的输出,那么你知道如何用万能的Python输出一个菱形图案! 往下看,就是这么简单! 题目 打印出如下图案(菱形) 先上代码~ 运行效 ...

  8. c语言在屏幕上输出一个菱形图案,C语言 在屏幕上输出菱形图案

    在屏幕上输出以下图案: * *** ***** ******* ********* *********** ************* *********** ********* ******* ** ...

  9. 7-4 输出菱形图案

    本题要求编写程序,输出指定的由"A"组成的菱形图案. 输入格式: 本题无输入 输出格式: 按照下列格式输出由"A"组成的菱形图案. A A A A 代码长度限制 ...

最新文章

  1. 神奇的FireFox
  2. 面向自动驾驶领域的3D点云目标检测全栈学习路线!(单模态+多模态/数据+代码)...
  3. oracle10g提权,Oracle 10g提权测试
  4. 《C#本质论》读书笔记(18)多线程处理
  5. jQuery 原理的模拟代码 -4 重要的扩展函数 extend
  6. python3 dict.keys() dict_keys类型 转换 list类型
  7. 如何判断两个单向链表是否有相交,并找出交点
  8. 屏幕坐标系和视口坐标系
  9. Silverlight+WCF 实战-网络象棋最终篇之对战视频-上篇[客户端开启视频/注册编号/接收视频](五)...
  10. lucene3.5学习笔记02--创建索引和建立搜索
  11. MyBatis 源码解读-databaseIdProviderElement()
  12. macbookpro接口叫什么_【科普】什么是雷电接口?苹果电脑MACBOOK PRO有吗?
  13. gabor变换人脸识别的python实现,att_faces数据集平均识别率99%
  14. centos安装stress安装失败_CentOS安装nginx
  15. 告别乱码,针对GBK、UTF-8两种编码的智能URL解码器的java实现
  16. 20个网上赚钱你要知道的网站!
  17. 深度学习三巨头也成了大眼萌,这个一键转换动画电影形象的网站「太火」了...
  18. vs 没法f12_键盘快捷键 - F12不再适用于Visual Studio
  19. 【Apache】You don't have permission to access / on this server.问题解决
  20. 心田花开:人教版一年级语文《小蝌蚪找妈妈》知识点归纳

热门文章

  1. 【CE】ASK,OOK,FSK,GFSK简介
  2. laravel5.6 提示The page has expired due to inactivity. Please refresh and try again.的解决方法
  3. 数据驱动运营决策-框架与方法(下)
  4. 【大厂智力题】64匹马,8个赛道,找出前4名最少比赛多少场?
  5. Unity3D教程:如何利用Shader实现钻石渲染效果
  6. 四、基于HTTPS协议的12306抢票软件设计与实现--水平DNS并发查询分享
  7. 速写在网站建设中的重要地位
  8. 蓄力-利用POI进行excel的导入导出(包含图片)
  9. Python项目:The Ship Rendezvous Problem,利用贪心算法解决船舶交会问题
  10. 【RMF】ros机器人中间件框架学习系列二:运行demos