JSFiddle - React, Tailwind, and code Playground

by Kai_Draord

CSS

body{
  text-align:center;
}

JavaScript

function pyramid(n, row = 0, level = '') {
  if (row === n) {
    return;
  }

  if (level.length === 2 * n - 1) {
    return pyramid(n, row + 1);
  }

  const midpoint = Math.floor((2 * n - 1) / 2);
  let add;
  if (midpoint - row <= level.length && midpoint + row >= level.length) {
    add = '#';
  } else {
    add = ' ';
  }
  console.log(add);
  pyramid(n, row, level + add);
}

pyramid(4)