script en js para agregar cuerpo de factura

[mmiguel40]

Buenas tardes,

Amigos del foro acá mi planteamiento:

tengo un script mediante un submit ejecuto una función que me imprime en pantalla 4 cajas de texto "item" "cantidad" "precio" "subtotal", adicional a esto en el mismo script tengo una pequeña funcion donde mulitplico lo que ingrese en cantidad por el precio que coloque en la caja de texto "subtotal" en la primera linea anda bello.

cuando lo prueben se darán cuenta que la función multiplicar solo funciona en la primera linea de ahi para abajo no logro hacer que funcióne e leído mucho para llegar hasta donde estoy por favor ayúdenme se los agradezco

por favor si alguien puede mostrar un ciclo for o tambien creo que me ayudaria mucho si me orientaran un poco acerca de como concatenar el valor de "i" al id de los input a fin poder identificarlo y poder utilizar de manera correcta la funcion multiplicar


anexo mi humilde script

Código Javascript:

<script type="text/javascript">
 
var i= 1;
document.write("<td><input type='submit' id='nuevafila' value='Mostrar filas' onclick='fdetalle();'></td>");
 
 
function fdetalle(){
 
document.write("<table id='detallefact'>");
document.write("<tr>");
document.write("<td width='100'>item</td>");
document.write("<td width='100'>cantidad</td>");
document.write("<td width='100'>precio</td>");
document.write("<td width='100'>Subtotal</td>");
document.write("<td><input type='submit' id='nuevafila' value='Nueva fila' onclick='fnuevafila();'></td>");
document.write("</tr>");
 
}
 
 
function fnuevafila(){
 
 
document.write("<tr>");
document.write("<td><input type='text' size='2' id='item+i'>");
document.getElementById('item+i').value = i;
document.write("<td><input type='text' onkeyup='multiplicar();' id='cant+i'></td>");
document.write("<td><input type='text' onkeyup='multiplicar();' id='prec+i'></td>");
document.write("<td><input type='text' id='subt+i'></td>");
document.write("<td><input type='submit' id='nuevafila' value='+' onclick='fnuevafila();'></td>");
document.write("</tr>");
i++;
}
 
 
function multiplicar(){
m1 = document.getElementById('cant+i').value;
m2 = document.getElementById('prec+i').value;
r = m1*m2;
document.getElementById('subt+i').value = r;
}
 
 
</script>