JS输出正金字塔

简介: JS输出正金字塔

image.png

利用JS输出这样一个正金字塔,该怎么做呢?

这里需要用到3个for循环,下面来分析一下每个for的作用是什么。

第一个for很好理解控制的是星星的行数, 例如输出4行

第二个for需要控制每行的空格数, 例如第一行需要空开3个然后再输出一个星星

第三个for控制每行的星星个数。 例如第一行只需输出一个星星


分析完逻辑,我们将需求转化为代码:

<script>//打印出正金字塔for (vari=1; i<=4; ++i) {
//需要用for输出多余的空格for (vark=1; k<=4-i; ++k) {
document.write("&ensp; ");
            }
//结合2n-1的公式求出每一行的星星数for (varj=1; j<=2*i-1; ++j) {
document.write("☆");
            }
document.write("<br />");
        }
</script>

image.png

打开浏览器进行验证:

image.png

即可看到所需效果。

目录
打赏
0
0
0
0
266
分享
相关文章
AI赋能教育:深度学习在个性化学习系统中的应用
【10月更文挑战第26天】随着人工智能的发展,深度学习技术正逐步应用于教育领域,特别是个性化学习系统中。通过分析学生的学习数据,深度学习模型能够精准预测学生的学习表现,并为其推荐合适的学习资源和规划学习路径,从而提供更加高效、有趣和个性化的学习体验。
491 9
要统计Nginx的客户端IP,可以通过分析Nginx的访问日志文件来实现
要统计Nginx的客户端IP,可以通过分析Nginx的访问日志文件来实现
626 3
Servlet与JSP:Java Web开发的基石技术详解
【6月更文挑战第23天】Java Web的Servlet与JSP是动态网页的核心。Servlet是服务器端的Java应用,处理HTTP请求并响应;JSP则是结合HTML与Java代码的页面,用于动态内容生成。Servlet通过生命周期方法如`init()`、`service()`和`destroy()`工作,而JSP在执行时编译成Servlet。两者在MVC架构中分工,Servlet处理逻辑,JSP展示数据。尽管有Spring MVC等框架,Servlet和JSP仍是理解Web开发基础的关键。
221 12
API接口测试指南:确保接口稳定性与可靠性的实践
API接口测试是确保软件产品质量的重要组成部分。通过遵循本指南中的测试步骤和最佳实践,开发者可以有效地验证API的功能、性能和安全性,从而提升软件的整体质量和用户满意度。
推荐一个开源流媒体服务器-livgo
推荐一个开源流媒体服务器-livgo
437 0
【软件设计师备考 专题 】深入理解软件成本模型
【软件设计师备考 专题 】深入理解软件成本模型
193 0
【虚拟终端工具】SecureCRT工具连接虚拟机、rz/sz传输、中文乱码问题解决
【虚拟终端工具】SecureCRT工具连接虚拟机、rz/sz传输、中文乱码问题解决
604 0
【虚拟终端工具】SecureCRT工具连接虚拟机、rz/sz传输、中文乱码问题解决
react 中useRef的用法
在React中,使用useRef可以创建一个可变的ref引用,允许你访问DOM节点或者在组件之间存储任意的可变值。 useRef本质上是提供一个容器,容器中存放的内容可以在组件的多次渲染之间进行保留,以及实现对DOM节点的操作。
622 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问