JSFiddle - React, Tailwind, and code Playground

by jaimem

HTML

<pre id='res'></pre>

JavaScript

var pre = document.getElementById('res');

var strTimes = function (n, str) {
  return Array(n + 1).join(str || ' ');
};

var triangler1 = function(rows, i){
  if(rows <= 0) return;
  pre.innerHTML += strTimes(rows) + strTimes((i=i||1), '* ') + "\n";
  return triangler1(rows - 1, i + 1);
};

var triangler2 = function (rows, i, text) {
  if (rows <= 0) return text;
  text = strTimes((i=i||0)) + strTimes(rows, ' *') + "\n" + (text ||'');
  return triangler2(rows - 1, i + 1, text);
};


triangler1(6);
pre.innerHTML += "\n\n" + triangler2(6);