JSFiddle - React, Tailwind, and code Playground

by Irvin Dominin

HTML

<input id="numofrows" type="text"/>
<div id="parent"></div>

JavaScript

var container =document.getElementById('parent');

document.getElementById('numofrows').onkeyup = function () {
    var foo = [];
    
    while (container.firstChild) container.removeChild(container.firstChild);
    
    for (var i = 0; i < this.value; i++) {
        foo[i] = document.createElement('div');
        container.appendChild(foo[i]);

    }
}