Skip to main content
2 de 2
se añadieron 220 caracteres en el cuerpo
HERRERA
  • 587
  • 2
  • 8

Para poder cambiar el total por fila debes ponerle un id a cada elemento de tu fila, puede ser un contador al momento de agregar la fila o al construir la tabla,asi puedes tomar la columna de cantidad y multiplicar con la cantidad para poder escribir el resultado en el total, ya que todos comparten el mismo id.

La función agregar no es necesaria, pero es un ejemplo de como puedes construir la fila.

var cont = 2;

function actualizar(id) {
  let cantidad = document.getElementById(id).value;
  let valor = document.getElementById("val" + id).innerHTML;
  document.getElementById("tol" + id).innerHTML = cantidad * valor;
}

function agregar() {
  let fila = document.createElement('tr');
  fila.innerHTML = '<td><input type="text" id="' + cont + '" onchange="actualizar(' + cont + ');"></td><td id="val' + cont + '">80</td><td id="tol' + cont + '"></td>';
  document.getElementById('registros').appendChild(fila);
  cont += 1;

}
<table>
  <thead>
    <tr>
      <th>Cantidad</th>
      <th>Valor Unidad</th>
      <th>Total</th>
    </tr>
  </thead>
  <tbody id="registros">
    <tr>
      <td><input type="text" id="1" onchange="actualizar(1);"></td>
      <td id="val1">50</td>
      <td id="tol1"></td>
    </tr>
  </tbody>
</table>
<button onclick="agregar()">agregar fila</button>

HERRERA
  • 587
  • 2
  • 8