JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divid">
</div>

JavaScript

var theDiv = document.getElementById("divid");
var content = document.createTextNode('\u00A0');
   theDiv.appendChild(content);
var content = "";
var row = 5
for (i = 1; i <= row; i++) {
  for (j = 1; j < i; j++) {
   var content = document.createTextNode('\u00A0\u00A0');
   theDiv.appendChild(content);
  } 
    for (j = 1; j <= (row * 2 - (2 * i - 1)); j++) {
      if (i == 1 || j == 1 || j == (row * 2 - (2*i - 1))) {
         var content = document.createTextNode("*");
         theDiv.appendChild(content);
      } else {
        var content = document.createTextNode('\u00A0\u00A0');
        theDiv.appendChild(content);
      }
    }
    
     var content = document.createElement("br");
     theDiv.appendChild(content);
  }