js 画图形

来源:互联网 发布:淘宝foreo旗舰店真假 编辑:程序博客网 时间:2024/05/13 01:49

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>

这里写图片描述