原生js輸出直角三角形和金字塔效果

正立直角三角形

思路：

1：兩個for循環，外層for循環控制換行，裏層for循環控制每行輸出

2：外循環，每循環一次，輸出換行符，所以設置一個變量i，控制層數

代碼：

for(var i=1;i<=5;i++){
	document.write("<br/>");
	}

3：裏循環，設置變量j，記錄每循環一次要輸出的❤數量

for(var j=1;j<=i;j++){
	document.write("♥");
	}

完整代碼：

for(var i=1;i<=5;i++){
		for(var j=1;j<=i;j++){
					document.write("♥");
					}
		document.write("<br/>");
	}

倒直角三角形

思路：

1：外層for循環輸出5次，設置變量x值，初始值從最大值開始

2：裏層for循環根據x值的變化，每次循環輸出和x值一樣數量的♥

代碼：

for(var x=5;x>0;x--){
		for(var y=1;y<=x;y++){
					document.write("♥");
					}
		document.write("<br/>");
		}

正金字塔

思路：

1：控制輸出行數，所以有個最外層for循環控制

2：每行不單只是輸出♥，還有空格，讓♥的位置能在正確的地方，方便看邏輯關係，用另一個圖標♠代替空格

每行輸出關係圖

左邊空格規律圖

右邊輸出內容規律圖

代碼：

for(var a=1;a<=5;a++){
				for(var b=1;b<=(5-a);b++){
					document.write("♠");
				}

				for(var c=1;c<=2*a-1;c++){
					document.write("♥");
				}
			document.write("<br/>");
			}

倒立金字塔

思路：

1：控制輸出行數，所以有個最外層for循環控制

2：每行不單只是輸出♥，還有空格，讓♥的位置能在正確的地方，方便看邏輯關係，用另一個圖標♠代替空格

左邊空格規律圖

左邊空格規律圖

代碼：

for(var a=1;a<=5;a++){
				for(var b=1;b<=(a-1);b++){
					document.write("♠");
				}
				for(var c=1;c<=11-2*a;c++){
					document.write("♥");
				}
			document.write("<br/>");
			}