利用JS输出多行五角星

简介: 利用JS输出多行五角星

如下图,利用JS该如何实现它呢?

image.png

这里我们要用到双for循环,简单来说就是在for循环里面增加一个循环,我们先了解一下它的语法含义。

       //双for循环

       // 外层for循环一次,里面for循环需要执行完所有代码,里面for全部执行完,再到外层for执行。

接下来尝试将需求转化为代码:

注意我们需要增加一行 str += '\n'

这行代码的含义是进行换行,如果没有换行,它会默认在输出一行五角星,

image.png

<script>//打印五行星星varstr='';
for (vari=1; i<=5; i++) {
for (varj=1; j<=5; 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种代码调试输出方式
166 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控制台输出带有颜色的文字
166 0
|
JavaScript 前端开发
JavaScript 输出和对话框
JavaScript 输出和对话框
205 0
JavaScript 输出和对话框
|
JavaScript
利用JS输出正三角形五角星
利用JS输出正三角形五角星
利用JS输出正三角形五角星
|
JavaScript
JS输出打印倒三角五角星
JS输出打印倒三角五角星
JS输出打印倒三角五角星