用js写一个空心菱形，竖线、横线、斜线

最新推荐文章于 2023-02-15 16:47:32 发布

打八阿哥

最新推荐文章于 2023-02-15 16:47:32 发布

阅读量622

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_45457760/article/details/115030403

版权

前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

由于星号与空格宽高不一样，所以使用文字填充。

<!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>Document</title>
    <style>
    </style>
</head>
<body>
    <script>
        var zonghang = 25;
        // 总行数，用单数，双数某写啊
        if(zonghang%2 == 1){
            // 单数
            var max = Math.ceil(zonghang/2);
            // 取最大行
            console.log(max);
            for(var h = 1;h<=max;h++){
                // 正三角
                for(var k = 1;k<=(max-h);k++){
                    document.write("口");
                }
                for(var x = 1;x<=(1+(h-1)*2);x++){
                    if(h==max){
                        document.write("鞸");
                    }else{
                        if(x==1||x==(1+(h-1)*2)||x==h){
                        document.write("鞸");
                        }
                        else{
                            // 斜线
                            if(h>Math.ceil(max/2)){
                                // 左斜线
                                if(x==1+((h-Math.ceil(max/2))*2)){
                                    document.write("鞸");
                                    continue;
                                }
                                // 右斜线
                                if(x==(1+(h-1)*2)-((h-Math.ceil(max/2))*2)){
                                    document.write("鞸");
                                    continue;
                                }
                        }
                            document.write("口");
                        }
                    }
                }
                document.write("<br>");
            }
            for(var h = zonghang-max;h>0;h--){
                // 倒三角
                for(var k = 1;k<=max-h;k++){
                    document.write("口");
                }
                for(var x = 1;x<=h*2-1;x++){
                    if(x==1||x==h*2-1||x==h){
                        document.write("鞸");
                    }else{
                        // 下斜线
                        if(h>Math.ceil(max/2)){
                            if(x==1+((h-Math.ceil(max/2))*2)){
                                document.write("鞸");
                                    continue;
                            }
                            if(x==h*2-1-(h-Math.ceil(max/2))*2){
                                document.write("鞸");
                                    continue;
                            }
                        }
                        document.write("口");
                    }
                }
                document.write("<br>");
            }
        }
    </script>
</body>
</html>

写都写俩小时，结果作业不是这个，吐了，，，就让它发挥最后的价值吧。。。