JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table1" >	

<TR>
<TH>Articulo:</TH>
<TH>Cantidad:</TH>
<TH>Importe:</TH> 
<TH>Descuento:</TH> 
<TH>Iva:</TH>
</TR>
<TR>
<TD><input  id="ArtInput1" class="Art" type="text" name="Art" onKeyPress="getId(this)" onKeyUp="buscar(); autofocus"></TD>
<TD><input  type="text" id="Cant" name="Cant"> </TD>
<TD><input  type="text" id="Impor" name="Impor"> </TD>
<TD><input type="text" id="Desc" name="Desc"> </TD>
<TD><input type="text" id="Iva" name="Iva" onKeypress="mostrarSalto()"></TD>
</TR>


<!--Este input manda llamar la funcion al presionar la tecla enter sobre el-->

</table>

JavaScript

var idd=1;
function mostrarSalto()
{
	var count = "1";
   var tbody = document.getElementById("table1").getElementsByTagName("TBODY")[0];
    // create row
    var row = document.createElement("TR");
    // create table cell 1
   if (event.keyCode == 13) 
    {
		idd++;

 
    var td1 = document.createElement("TD")
	var strHtml1 = document.createElement("Input")
    strHtml1 = "<INPUT TYPE='text' ID='ArtInput"+idd+"' NAME='h[]' SIZE='20' MAXLENGTH='30' onKeyPress='getId(this)' onkeyUp='buscar1();' autofocus STYLE='height:22;border: 1 solid;margin:0;'>";
	strHtml1.id="idInputArt"+idd;
	td1.innerHTML = strHtml1.replace(/!count!/g,count);
    // create table cell 2
    var td2 = document.createElement("TD")
	//var strHtml2 = document.createElement("Input")
    var strHtml2 = "<INPUT TYPE='text' ID='a"+idd+"' NAME='i[]' SIZE='20' MAXLENGTH='30' onKeyUp='getId(this)' STYLE='height:22;border: 1 solid;margin:0;'>";
    //strHtml2.id="CantInput";
	strHtml2.id="idInputCant";
	td2.innerHTML = strHtml2.replace(/!count!/g,count);
    // create table cell 3
    var td3 = document.createElement("TD")
    var strHtml3 = "<INPUT TYPE='text' ID='b"+idd+"' NAME='j[]' SIZE='20' MAXLENGTH='30' onKeyUp='getId(this)' STYLE='height:22;border: 1 solid;margin:0;'>";
    td3.innerHTML = strHtml3.replace(/!count!/g,count);
    // create table cell 4
    var td4 = document.createElement("TD")
    var strHtml4 = "<INPUT TYPE='text' ID='c"+idd+"' NAME='k[]' SIZE='20' MAXLENGTH='30' onKeyUp='getId(this)'  STYLE='height:22;border: 1 solid;margin:0;'>";
    td4.innerHTML = strHtml4.replace(/!count!/g,count);
    // create table cell 5
    var td5 = document.createElement("TD")
    var strHtml5 = "<INPUT TYPE='text' ID='d"+idd+"' NAME='l[]' SIZE='20' MAXLENGTH='30' onKeyUp='getId(this)' onKeypress='mostrarSalto()' STYLE='height:22;border: 1 solid;margin:0;'>";
    td5.innerHTML = strHtml5.replace(/!count!/g,count);
    // append data to row
    row.appendChild(td1);
    row.appendChild(td2);
   ...