JS在浏览器中输出各种三角形

直角三角形

复制代码
 <script type="text/javascript">
          for(var i=1;i<=8;i++){
              for(var j=1;j<=i;j++){//j 指的是*的个数
        document.write("*");
   }
          document.write('<br>');
}
          document.write("<hr />");//增加一个分割线
          document.write("<hr />");//增加一个分割线

    </script>
直角三角形
复制代码

倒直角三角形

复制代码
 <script type="text/javascript">
          for(var i=1;i<=8;i++){  //控制行
              for(var j=1;j<=8-i;j++){  //控制列
        document.write("*");
   }

         document.write('<br>');
}
         document.write("<hr />");
         document.write("<hr />");//增加一个分割线
    </script>
倒直角三角形
复制代码

斜三角形

复制代码
 <script type="text/javascript">
        for (var i = 1; i <= 6; i++) {
            for (var j = 1; j <= 6-i; j++) {//j 指的是空格的个数
                  document.write(" ");
            }

            for (var k = 1; k <= i; k++) {
               document.write("*");
            }
            document.write("<br />");
         }
         document.write("<hr />");
    </script>
斜三角形
复制代码

等腰三角形

复制代码
 <script type="text/javascript">
            for (var i = 1; i <= 6; i++) {
            for (var j = 1; j <= 6-i; j++) {//j 指的是空格的个数
                  document.write(" ");
            }

            for (var k = 1; k <= i; k++) {
               document.write("*");
            }
            document.write("<br />");
         }
         document.write("<hr />");
         document.write("<hr />");
    </script>

    <script type="text/javascript">
         for (var i= 1; i <= 5; i++) {
            for (var j = 1; j <= 5-i; j++) {
                  document.write(" ");
            }

            for (var k = 1; k <= i*3-2; k++) {//i*3-2越大,三角形越宽
               document.write("*");
            }
            document.write("<br />");
         }
         document.write("<hr />");
         document.write("<hr />");
    </script>
等腰三角形
复制代码

菱形

复制代码
 <script type="text/javascript">
            for (var i = 1; i <= 5; i++) {
            for (var j = 1; j <= (5-i); j++) {
                  document.write(" ");
            }

            for (var k = 1; k <= i*2-1; k++) {
               document.write("*");
            }
            document.write("<br />");
         }
         for (var i = 1; i <= 4; i++) {
            for (var j = 1; j <= i; j++) {
                  document.write(" ");
            }
            for (var k = 1; k <= (4-i)*2+1; k++) {
               document.write("*");
            }
            document.write("<br />");
         }
            document.write("<hr />");
         document.write("<hr />");
    </script>


    <!--<div style="text-indent:0.5em">-->
         <script type="text/javascript">
         for (var i = 1; i <= 5; i++) {
            for (var j = 1; j<= (5-i); j++) { //j 指的是空格的个数
//                document.write(" ");
                  document.write(j);
            }

            for (var k= 1; k <= i*2-1; k++) {
               document.write("*");
            }
            document.write("<br />");
         }
         for (var i = 1; i<= 4; i++) {
            for (var j = 1; j<= i; j++) {
                  document.write(" ");
            }
            for (var k = 1;k <= (4-i)*2+1; k++) {
               document.write("*");
            }
            document.write("<br />");
         }
            document.write("<hr />");
            document.write("<hr />");
      </script>
    <!--</div>-->
菱形
复制代码

99乘法表

复制代码
 <script type="text/javascript">
         for(var n=1;n<=9;n++) {  //控制行
              for (var m = 1; m <= n ; m++) {  //控制列
                  var b = m * n;
                  document.write(m + "x" + n + "=" + b + " ");
              }

              document.write('<br/>');
              document.write('<br/>');//为了增加行与行的间距
          }

           document.write("<hr />");//增加一个分割线
    </script>
9*9乘法表
复制代码

posted @   老虎死了还有狼  阅读(490)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示