JSFiddle - React, Tailwind, and code Playground

by Thomas Upton

HTML

<input type="text" id="text1" />
<input type="button" value="Click Me" onClick="CreateTriangle()" />
<div id="triangle"></div>

JavaScript

function CreateTriangle() {
    var x = parseInt(document.getElementById("text1").value);

    var ShowOnPage = ''
    for (i = 1; i <= x; i++) {
        for (j = 1; j <= i; j++) {
            ShowOnPage += "*";
        }
        ShowOnPage += "<br/>"
    }
    var triangle = document.getElementById('triangle');
    triangle.innerHTML += ShowOnPage;
}