JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tabla" border="1">
    <tr>
        <td>Primera celda</td>
    </tr>
</table>

<button>Crear fila</button>

JavaScript

var boton = document.getElementsByTagName("button")[0],
    tabla = document.getElementById("tabla");

boton.addEventListener("click", function(){
    if (tabla.getElementsByTagName("tr").length < 11){
        var fila = tabla.insertRow(1),
            celda1 = fila.insertCell(0),
            element1 = document.createElement("input");
                        
        element1.type = "text";
        celda1.appendChild(element1);
    }
    else
        alert("Alcanzó el límite");
}, false);