js 画图形

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>

这里写图片描述

猜你喜欢

转载自blog.csdn.net/lemonly007/article/details/78591302