js打印三角形,矩形,菱形,六边形,八边形,等腰三角形

js代码编写三角形,矩形,菱形

<! DOCTYPE html>

<title>打印三角形、正方形、菱形、长方形、六边形</title>
<style>
    div{width:300px;border:#000 1px solid;text-align:center;}
</style>
    //三角形
<div>
        <script>
                
                function f1(){
                    for(var i=1;i<10;i++){
                        for(var j=1;j<=i;j++){
                            document.write("*");
                        }
                        document.write("<br/>");
                    }
                }
                f1();
            </script>
</div>
//正方形
<div>
       
        <script>
       
        function f2(){
            for(var a=1;a<=10;a++){
                for(var b=1;b<=10;b++){
                    document.write("#"+"&nbsp;&nbsp;");
                }
                document.write("<br/>");
            }
        }
        f2();
    </script>
</div>

//长方形
<div>
       
        <script>
        function f3(){
            for(var a=1;a<=5;a++){
                for(var b=1;b<=10;b++){
                    document.write("#"+"&nbsp;&nbsp;");
                }
                document.write("<br/>");
            }
        }
        f3();
    </script>
</div>

//菱形
<div>
       
        <script>
        function f4(){
            for(var a=5;a>=-5;a--){
                for(var b=-5;b<=5;b++){
                    if(Math.abs(a)+Math.abs(b)<=5){
                    document.write("#"+"&nbsp;&nbsp;");
                    }
                    else{
                        document.write("-");
                    }
                }
                document.write("<br/>");
            }
        }
        f4();
    </script>
</div>


//等腰三角形
<div>
       
        <script>
        function f5(){
            for(var a=5;a>=1;a--){
                for(var b=-5;b<=5;b++){
                    if(Math.abs(a)+Math.abs(b)<=5){
                    document.write("#"+"&nbsp;&nbsp;");
                    }
                    else{
                        document.write("-");
                    }
                }
                document.write("<br/>");
            }
        }
        f5();
    </script>
</div>


//六边形
<div>
       
        <script>
        function f6(){
            for(var a=3;a>=-3;a--){
                for(var b=-5;b<=5;b++){
                    if(Math.abs(a)+Math.abs(b)<=5){
                    document.write("#"+"&nbsp;&nbsp;");
                    }
                    else{
                        document.write("-");
                    }
                }
                document.write("<br/>");
            }
        }
        f6();
    </script>
</div>


//八边形
<div>
       
        <script>
        function f7(){
            for(var a=4;a>=-4;a--){
                for(var b=-4;b<=4;b++){
                    if(Math.abs(a)+Math.abs(b)<=5){
                    document.write("#"+"&nbsp;&nbsp;");
                    }
                    else{
                        document.write("-");
                    }
                }
                document.write("<br/>");
            }
        }
        f7();
    </script>
</div>

在这里插入图片描述

在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值