Necesito que en la columna Costo al momento de tipear el valor numerico me separe en decimales ejemplo: 1.345.654
En este caso ya me han ayudado a resolver lo siguiente Que al ingresar en la celda CANTIDAD algun valor numerico me multiplique por el COSTO automaticamente y el resultado se visualice en el input de total de sus fila, y luego de manera automatica sin ningun boton que me sume los totales al final Tambien al momento de tipear los datos numericos en los input correspondientes a COSTO y CANTIDAD me separe con puntos decimales ejemplo= 2.345.543 y cuando multiplique CANTIDAD por COSTO se visualice en el input TOTAL tambien con puntos decimales
Todo esto ya esta hecho solo me faltaria que en la columna COSTO me separe con decimales al tipear los datos numericos
function changeValores(id){
let CantElement = document.getElementById("cant" + id);
let ValorElement = document.getElementById("valor" + id);
let TotalElement = document.getElementById("total" + id);
let totalParcial = Number(CantElement.value) * Number(ValorElement.value);
TotalElement.setAttribute("data-total",totalParcial);
TotalElement.value = totalParcial.toLocaleString('es');
actualizarTotales();
}
function actualizarTotales(){
let TotalElement = document.getElementById("total");
let suma=0;
document.querySelectorAll("input[data-total]").forEach( e => suma += Number(e.getAttribute("data-total")));
TotalElement.value = suma.toLocaleString('es');
}
<form>
<table>
<thead>
<tr>
<td>Producto</td>
<td>Cantidad</td>
<td>Costo</td>
<td>Total</td>
<tr>
</thead>
<tbody>
<tr>
<td>Puertas</td>
<td><input type="number" id="cant1" oninput="changeValores(1)" ></td>
<td><input type="number" id="valor1" value="" oninput="changeValores(1)"></td>
<td><input type="text" id="total1" data-total="" readonly></td>
<tr>
<tr>
<td>Puertas</td>
<td><input type="number" id="cant2" oninput="changeValores(2)" ></td>
<td><input type="number" id="valor2" value="" oninput="changeValores(2)"></td>
<td><input type="text" id="total2" data-total="" readonly></td>
<tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td>Total</td>
<td><input type="text" id="total" readonly></td>
<tr>
</tfoot>
</table>
</form>