利用JS输出正三角形五角星

简介: 利用JS输出正三角形五角星

image.png

之前我们讲了利用JS输出倒三角形五角星,那怎么才能把这个输出正三角形五角星呢?

该修改哪几个参数呢?我们需要先分析一下,依然是利用双for循环来做。

外面for循环控制的是行数,里面for循环控制的是每行五角星的个数。

所以我们要修改里面的for循环参数即可。

将需求转换为代码:

<script>//打印正三角五角星varstr='';
for (vari=1; i<=10; i++) {
for (varj=1; j<=i; j++) {
str+='★'            }
str+='\n'        }
console.log(str);
</script>

image.png

打开浏览器进行验证:

image.png

相关文章
|
前端开发 JavaScript
初学JavaScript&输出语句
前端三大件分别为:HTML、CSS、JavaScript。其中最重要的当属JavaScript。 虽然现在开发通常使用框架,但是这些基础的才最重要的,就像一座高楼不能没有稳固的地基一样。打好基础,走遍天下都不怕。JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。 即JavaScript 是一种编程语言,主要参与构建 Web 前端应用。
初学JavaScript&输出语句
|
JavaScript 前端开发 开发者
JavaScript常见的的输出方式
JavaScript常见的的输出方式 1.通过弹窗的形式输出 警告框 window.alert(&quot;输出内容&quot;); 1 确认框 window.confirm(&quot;确认信息的标题&quot;); 1 提示框 window.prompt(&quot;提示框标题&quot;,&quot;默认输出内容&quot;); 1 以上三种方式的window可以省略。 2.通过网页的内容区域形式输出 documen.write(&quot;输出的内容&quot;); 1 注意:因为document.write()是直接向文档中添加内容,所以当js文件中使用了window.οnlοad=function(){}时,使用docum
|
JavaScript 前端开发
【基础篇】JavaScript的4种代码调试输出方式
【基础篇】JavaScript的4种代码调试输出方式
176 0
【基础篇】JavaScript的4种代码调试输出方式
|
JavaScript 前端开发
JavaScript输出的两种方式
JavaScript输出的两种方式
|
存储 JavaScript 前端开发
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
|
JavaScript 前端开发
JavaScript用document.write()输出换行
JavaScript用document.write()输出换行
JavaScript用document.write()输出换行
|
JavaScript
JS:chalk控制台输出带有颜色的文字
JS:chalk控制台输出带有颜色的文字
169 0
|
JavaScript 前端开发
JavaScript 输出和对话框
JavaScript 输出和对话框
208 0
JavaScript 输出和对话框
|
JavaScript
JS输出打印倒三角五角星
JS输出打印倒三角五角星
JS输出打印倒三角五角星
|
JavaScript
利用JS实现自定义输出多行多列五角星
利用JS实现自定义输出多行多列五角星
利用JS实现自定义输出多行多列五角星