JSFiddle - React, Tailwind, and code Playground

by puuga

HTML

<input id="input"/><br/>
<button onclick="doPyramid()">click</button>
<div id="output"></div>

JavaScript

function doPyramid() {
    var input = parseInt($("#input").val());
    var output = "";
    for(var i=1; i<=input; i++) {
        //x-1
        for(var x=input-1-i; x>=0; x--) {
            output+="&nbsp;";
        }
        //2y-1
        for(var y=2*i-1; y>0; y--) {
            output+="*";
        }
        output+="</br>";
    }
    $("#output").html(output);
}