JS打印三角形

最新推荐文章于 2023-08-21 15:00:24 发布

猜不到我是谁

最新推荐文章于 2023-08-21 15:00:24 发布

阅读量8.7k

点赞数 6

分类专栏： js 文章标签： JS基础

本文链接：https://blog.csdn.net/qq_43043859/article/details/100176201

版权

这篇博客介绍了如何用JavaScript基础实现直角和锐角三角形的打印，以及如何在此基础上扩展到菱形的绘制。通过循环和条件判断，控制空格和星号的输出来形成不同的几何形状。

摘要由CSDN通过智能技术生成

直角三角形

图一

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
    for(let j=0;j<4;j++)
{
    
       for(let i=0;i<=j;i++)
    {
    
        document.write("*");
    }
    document.write("<br/>");
}
    </script>
</head>
<body>

</body>
</html>

图二

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
    for

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

猜不到我是谁

关注关注

6
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

用JS打印三角形

csdn_jwdlh的博客

12-07

3514

打印三角形用"*"打印一个三角形用"*"打印一个倒三角形用"*"打印一个菱形用"*"打印一个三角形核心思想：双重for循环外层for循环起到换行的作用，内层for循环是打印"*"的作用 var str2 = ''; for (var i = 1; i <= 6; i++) { for (var j = 1; j <= i; j++) { str2 = str2 + '*'; }

javascript打印多种三角形

m0_61373758的博客

03-12

1352

1.正三角形 <script> //正三角形 document.write('<pre>') for (var a = 1; a <= 9; a++) { for (var b = 1; b <= a; b++) { document.write("*") } document.write("<br>") } </script> 2.倒三角形 <script> //倒三角形

参与评论您还未登录，请先登录后发表或查看评论

js基础运用——js用*打印三角形，菱形

热门推荐

libowen980112的博客

11-21

2万+

js基础运用新手见解，有不足或更简单的方法希望各位指点1.用*排列直角三形（图一）（图二）图一图二是js语句利用*号画出来的直角三角形，方法思路都一致，下面以图一为例讲一下本人所用的方法：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <scrip

js打印到三角形

weixin_51929568的博客

03-25

263

var str=' '; var num=prompt('请输入'); for(var i=0;i<num;i++){ x--; for(var j=0;j<x;j++){ str=str+num; } str=str+'\n'; } console.log(str); 以上为自己思路，通过再设置一个变量，建立其变化的变量和计数器的联系实现输出代码优化 var str=' '; var num=prompt('请输入'); for(va

JavaScript打印三角形

小高今天早睡了吗？

12-10

3118

利用JavaScript打印三角形！ 1.直角三角形 ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ // i 控制行数 for(var i = 0 ; i < 5 ; i++) { // 打印星星,星星的个数跟行数一样 for(var j = 0 ; j <= i ; j++) { document.write('*') } // 打印换行

js 打印三角形

qq_45124084的博客

06-08

2592

js 编辑三角形在js中每个图案站位的大小不一向新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展示；增加了图片拖拽功能，你可以将本地的图片直接拖拽到编辑区域直接展示；全新的 KaTeX数学公式语法；增加了支持甘特图的mermaid语法1 功能；增加了多屏

JavaScript——打印输出各种三角形集合，你要的我都有，点赞收藏全拿走

super码力的博客

11-27

1万+

JavaScript打印输出各种常见的三角形，for循环直接搞定，超简单...

JS 打印三角形

akak6868的博客

12-28

178

正三角 <script type="text/javascript"> for(var j=0;j<4;j++) { for(var i=0;i<=j;i++) { document.write("*"); } document.write("<br/>"); } </script> 倒三角 <script type="text/javascript"> for(var

用node.js打印三角形

最新发布

09-04

在Node.js中，虽然它的主要作用是用于服务器端JavaScript编程，但我们仍然可以创建简单的控制台应用程序来打印三角形。这里是一个基本的例子，使用JavaScript（不是Node.js直接，因为Node.js主要用于处理网络请求和...

JavaScript打印简易三角形

ZJY0626的博客

08-20

1530

在JavaScript中，打印三角形是一个简易的锻炼逻辑思维的方式，通过for循环便可完成此操作，除此之外的其他循环语句同样可以完成，例如while循环、dowhile等都能实现，本次将用for循环来完成此示例。以下代码通过function来封装一个函数，封装函数的作用是方便随时调用，只要能用的地方就直接调用。 <script> function triangle(m){ //传入一个形参，将m作为三角形的行数 ...

js打印三角形

C2452610232的博客

07-22

258

function triangle(){ for(var i=1;i<=5;i++){ //外层代表行。所以打印5行 for(var j=1;j<=5-i;j++){ //这个打印空格 5-i，是因为i每次会加1， document.write('<span></span>')//用span控制空格大小，始三角形更端正 } for(var k=1;k<=i*2-1;k++){ /.

打印三角形（JavaScript）

qq_44830966的博客

03-30

879

使用js打印一个三角形

xiaocantongxue的博客

08-21

280

【代码】使用js打印一个三角形。

js打印三角形超详解

qq_44813731的博客

08-29

2679

js打印三角形超详解 j控制星星的总行数，i控制每行星星的打印个数打印图形如下：（1）（2） //str=""用来存储星星 // 理解步骤1:在一行输出6个星星如何操作,在循环的条件判断里面,i<=星星个数 for (var i = 1, str = ""; i <= 6; i++) { str += "*\t"; } console.log(str) //理解步骤2: 控制行数后，输出每行应有的星星 for (var j = 1; j <= 6; j+

js页面打印三角形、等腰三角形

weixin_42572771的博客

12-17

439

js页面打印三角形、等腰三角形 1、直角三角形 for (let i = 0; i < 10; i++) { for (let j = 0; j < i; j++) { document.write('#') } document.write('</br>') } 2、等腰三角形 for (let i = 1...

JavaScript打印正三角形

weixin_52063946的博客

07-13

3012

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>打.

用JavaScript打印三角形

qq_46582421的博客

10-18

584

var num = prompt('打印行数'); var num1 = prompt('打印行数'); var str = ''; for(var y = 1;y <= num;y++){ for(var a = y;a <= num1;a++){ str = str + '*'; } str += '\n'; } console.log(str);

js实现各种三角的打印

lzsan_的博客

05-08

383

正直角三角 var str1 = ""; for(var i = 0; i < 5;i ++){ for(var j = 0;j < i ;j ++){ str1 += "*" } str1 += "\n" } console.log(str1) 倒直角三角 var line = 5;