js 画图形

最新推荐文章于 2024-03-02 14:02:08 发布

lemonly007

最新推荐文章于 2024-03-02 14:02:08 发布

阅读量1.2k

点赞数

分类专栏： ly

本文链接：https://blog.csdn.net/lemonly007/article/details/78591302

版权

ly 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

js 画图形

1

这里写图片描述

for( var i=0;i<10;i++){
for(var r=0;r<10;r++){
document.write(“*”);

}
document.write("<br/>");

}

2

这里写图片描述

for( var i=1;i<=4;i++)

{
    for(var a=1;a<i;a++)
    {
document.write("&nbsp;");
    }
    for(var r=4;r>=i;r--)
    {
document.write("*");

    }

    document.write("<br/>");
}
for( var i=0;i<4;i++){
    for(var r=0;r<=i;r++){
document.write("*");

    }

    document.write("<br/>");
}

3

<html lang="en">
<head>
<meta charset="UTF-8">
<title>三角形</title>
</head>
<script type="text/javascript">
//直角三角形
for(var n=5,i=0;i<=n;i++){//创建一个六行的*号排列


    for(var j=0;j<=n-i;j++){//计算*号前的空格
        document.write("&nbsp");
    }
    for(var j=0;j<=2*i;j++){//计算每行出现的*号
        document.write("*");
    }
    document.write("<br />");
}
 document.write("<br/>");//和菱形的换行



         //菱形
             for(var i=1;i<=8;i++){
                 for(var j=1;j<=8-i;j++)
                   document.write("&ensp;");
                 for(var k=1;k<=2*i-1;k++)
                   document.write('*');
                 //换行
                   document.write("<br/>");
            }
             for(var i=1;i<=7;i++){
                 for(var j=1;j<=i;j++)
                    document.write("&ensp;");
                 for(var k=13;k>=2*i-1;k--)
                    document.write('*');
                    document.write("<br/>");
           }
</script>
<body>

</body>
</html>

这里写图片描述

lemonly007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 画图形

js 画图形1for( var i=0;i<10;i++){ for(var r=0;r<10;r++){ document.write(“*”);}document.write("<br/>");} 2for( var i=1;i<=4;i++){ for(var a=1;a<i;a++) {document.write(" "); }
复制链接

扫一扫