JSFiddle - React, Tailwind, and code Playground

by SĂ©bastien Lorentz

HTML

<button id="btn">
Create text fields
</button>
<div id="textFields">

</div>

JavaScript

document.getElementById("btn").addEventListener("click", onClick, false);

function onClick() {
	var textfield, br;
    for(var i=0 ; i<7 ; i++) {
		textfield = document.createElement("input");
		br = document.createElement("br");
        textfield.id = "txt_"+i;
		document.getElementById("textFields").appendChild(textfield);
		document.getElementById("textFields").appendChild(br);
    }
    this.parentElement.removeChild(this);
}