• 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乘法表
    
    
  • 相关阅读:
    MySQL中tinytext、text、mediumtext和longtext详解
    端口冲突
    Form绑定
    Uri绑定
    只绑定Get参数
    Linux:Day4(上) 文件管理、管道
    selenium之frame
    selenium之选项卡管理
    Request
    爬虫常用库
  • 原文地址:https://www.cnblogs.com/daofaziran/p/9259402.html
Copyright © 2020-2023  润新知