JSFiddle - React, Tailwind, and code Playground
HTML
<div id="area"/>
JavaScript
//A-65, a-97
//Z-90, z-122
var len = "Z".charCodeAt(0)-65;
var result="";
for(var i=0;i<=len;i++)
{
var newLine = Array(len-i+1).join(" ")+String.fromCharCode(i+65)+Array((i*2)).join(" ")+(i>0?(String.fromCharCode(i+65)):"")+"\n";
if(i!=len) newLine+=newLine;
result=result.substring(0,result.length/2)+newLine+result.substring(result.length/2);
}
document.getElementById("area").innerHTML = "<pre>"+result+"</pre>";