原生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/>");