js输出形状

超、凢脫俗 2022-10-29 07:49 146阅读 0赞

## js输出5\*5的星星矩形 ##

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZpZ2h0aW5nX2RyZWFt_size_16_color_FFFFFF_t_70]

## js输出正直角三角形 ##

<!DOCTYPE html>
    <html lang="zh">
    <head>
    	<meta charset="UTF-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
    	<title>Document</title>
    	<script type="text/javascript">
    //		for(var i = 1;i <= 5;i++){
    //			for(var j = 1;j <= 5;j++){
    //				document.write("*");
    //			}
    //			document.write("<br />");
    //		}
    		
    		for(var i = 1;i <= 5;i++){
    			for(var j = 1;j <= i;j++){
    				document.write("*");
    			}
    			document.write("<br />");
    		}
    	</script>
    </head>
    <body>
    	
    </body>
    </html>

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZpZ2h0aW5nX2RyZWFt_size_16_color_FFFFFF_t_70 1]

## js输出倒直角三角形 ##

<!DOCTYPE html>
    <html lang="zh">
    <head>
    	<meta charset="UTF-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
    	<title>Document</title>
    	<script type="text/javascript">
    //类型一:矩形
    /*		
    		for(var i = 1;i <= 5;i++){
    			for(var j = 1;j <= 5;j++){
    				document.write("*");
    			}
    			document.write("<br />");
    		}
    */
    //类型二:正直角三角形
    /*
    		for(var i = 1;i <= 5;i++){
    			for(var j = 1;j <= i;j++){
    				document.write("*");
    			}
    			document.write("<br />");
    		}
    */
    //类型三:倒直角三角形
    	for(var i = 1;i <= 5;i++){
    		for(var j = 5;j >= i;j--){
    			document.write("*");
    		}
    		document.write("<br />");
    	}
    
    	</script>
    </head>
    <body>
    	
    </body>
    </html>

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZpZ2h0aW5nX2RyZWFt_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZpZ2h0aW5nX2RyZWFt_size_16_color_FFFFFF_t_70]: /images/20221024/0c617642299a44668013e9f17d467f16.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZpZ2h0aW5nX2RyZWFt_size_16_color_FFFFFF_t_70 1]: /images/20221024/a6afadf112f24151886b462bcc668aa4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZpZ2h0aW5nX2RyZWFt_size_16_color_FFFFFF_t_70 2]: /images/20221024/b2b584a016954389b07cf174dc5a2ba2.png