Javascript实现打印金字塔和菱形代码

最新推荐文章于 2024-08-03 17:05:14 发布

weixin_34247155

最新推荐文章于 2024-08-03 17:05:14 发布

阅读量365

点赞数

文章标签： javascript xhtml ViewUI

原文链接：https://my.oschina.net/junn/blog/151832

版权

为什么80%的码农都做不了架构师？>>>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS金字塔</title>
</head>
<!-- 注意*号的排列显示和编码方式有关，如果用utf-8就会在IE8中显示有问题，Firefox没有问题！-->
<!--
    *      2*1-1
   ***     2*2-1
  *****    2*3-1
 *******   2*4-1
*********  2*5-1
-->
<body>
<script language="javascript" type="text/javascript"> //为了实现浏览器的兼容性最好是两个都写！
 var n=window.prompt("请输入一个整数："); //n可能是小数 如 5.647、3.124
 n=parseInt(n);  //解析一个字符串并返回一个整数
 //金字塔
 for(var i=1;i<=n;i++){
	 for(var j=1;j<=n-i;j++){
		document.write("&nbsp;"); 
	 }
	 for(var k=1;k<=2*i-1;k++){
		 document.write("*");
	 }
	 document.write("<br/>");
 }
 //空心金字塔（方法一）
 for(var i=1;i<=n;i++){
	 for(var j=1;j<=n-i;j++){
		 document.write("&nbsp;");
	 }
	 for(var k=1;k<=2*i-1;k++){
		 if(i==n){
			 document.write("*");
		 }
		 else if(k==1 || k==(2*i-1)){
			 document.write("*");
		 }
		 else{
			 document.write("&nbsp;");
		 }
	 }
	 document.write("<br/>");
 }
 //空心金字塔（方法二）
	for(i=1;i<=n;i++){
		for(k=1;k<=n-i;k++){
			document.write("&nbsp;");
		}
        if(i==1){
            document.write("*"+"<br/>");    
        }
        else if(i>=2 && i<=n-1){
        document.write("*");               
		for(j=1;j<=2*(i-1)-1;j++ ){
			document.write("&nbsp;");           
		}
        document.write("*"+"<br/>");        
        }
        else if(i==n){
		for(j=1;j<=2*i-1;j++ ){
			document.write("*");
		}
		document.write("<br/>"); 
        }        		
	}
//空心金字塔（方法三）
	for(i=1;i<=n;i++){
                //在打印*前，先打印空格
		for(k=1;k<=n-i;k++){
			document.write("&nbsp;");
		}
        for(var j=1;j<=2*i-1;j++){
        	 //如果是第一层和最后一层
        	if(i==1 || i==n){
       			document.write("*");
        	}
        	else{
        		if(j==1 || j==2*i-1){
        			document.write("*");
        		}
        		else{
        			document.write("&nbsp;");
        		}
        	}      
	    }
        document.write("<br/>");
	}
 //菱形
 //菱形上部分
 for(var i=1;i<=n;i++){
	 for(var j=1;j<=n-i;j++){
		document.write("&nbsp;"); 
	 }
	 for(var k=1;k<=2*i-1;k++){
		 document.write("*");
	 }
	 document.write("<br/>");
 }
 //菱形下部分
 for(var i=n-1;i>=1;i--){
	 for(var j=1;j<=n-i;j++){
		document.write("&nbsp;"); 
	 }
	 for(var k=1;k<=2*i-1;k++){
		 document.write("*");
	 }
	 document.write("<br/>");
 }
 //空心菱形
 //空心菱形上部分
 for(var i=1;i<=n;i++){
	 for(var j=1;j<=n-i;j++){
		 document.write("&nbsp;");
	 }
	 for(var k=1;k<=2*i-1;k++){

		 if(k==1 || k==(2*i-1)){
			 document.write("*");
		 }
		 else{
			 document.write("&nbsp;");
		 }
	 }
	 document.write("<br/>");
 }
 //空心菱形下部分
 for(var i=n-1;i>=1;i--){
	 for(var j=1;j<=n-i;j++){
		 document.write("&nbsp;");
	 }
	 for(var k=1;k<=2*i-1;k++){

		 if(k==1 || k==(2*i-1)){
			 document.write("*");
		 }
		 else{
			 document.write("&nbsp;");
		 }
	 }
	 document.write("<br/>");
 }
</script>
</body>
</html>

转载于:https://my.oschina.net/junn/blog/151832