10. 输出下面的三角形

方式一:
<!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> </head> <body> <script> for(var i=1;i<5;i++){ for(var j=1;j<=((i*2)+1);j++){ document.write("*"); } document.write('\r\n'+"<br>"); } </script> </body> </html>

      

方式二:
<!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></title>
    <script>
        window.onload = function(){
        for(var i=1;i<=9;i++){
               if(i!=1&&i%2!==0){  //排除偶数行,只显示奇数星星的3 5 7 9行
                   for(var x=1;x<=i;x++){
                       document.write("*");
                   }
                   document.write("<br/>")
               }
           }
        }
    </script>
</head>
<body>
    
</body>
</html>

 

posted @ 2021-03-21 10:03  Hhhr  阅读(60)  评论(0编辑  收藏  举报