Estoy calculando unas cantidades con precio unitario y subtotales. El problema está cuando quiero calcular el "Total General". Así va mi código:
function multiplicar() {
var quantity = document.querySelectorAll('.quantity');
var price = document.querySelectorAll('.price');
var subtotals = document.querySelectorAll('.subtotal');
var totals = document.querySelectorAll('.totals');
for(var i = 0; i < quantity.length; i++){
subtotals[i].value = quantity[i].value * price[i].value;
}
for(var i = 0; i < subtotals.length; i++){
totals[i].value = subtotals[i].value;
}
}
Esas últimas líneas de código no me funcionan como pensé. Los cálculos de quantity y price están perfectos pero al sumar los subtotales no me muestra el calculo en:
<input type="text" name="total" class="totals">
He estado haciendo pruebas y ahora estoy más cerca. Lo que he hecho es agregar una nueva funcion llamada suma() que se ejecuta si hay cambios en los subtotales y ahora me muestra resultados en .total pero no los suma si no que los agrega; es decir 1 + 1 no es 2 sino que resulta 11.
El nuevo código va así:
function multiplicar() {
var quantity = document.querySelectorAll('.quantity');
var price = document.querySelectorAll('.price');
var subtotals = document.querySelectorAll('.subtotal');
for(var i = 0; i < quantity.length; i++){
subtotals[i].value = quantity[i].value * price[i].value;
}
}
function sumar() {
var subtotal1 = document.querySelectorAll('#subtotal1');
var subtotal2 = document.querySelectorAll('#subtotal2');
var totals = document.querySelectorAll('.total');
for(var i = 0; i < subtotal1.length; i++){
totals[i].value = subtotal1[i].value + subtotal2[i].value;
}
}
<input type="text" class="subtotal" id="subtotal1" onchange="sumar()">
<input type="text" class="subtotal" id="subtotal2" onchange="sumar()">
<input type="text" class="totals">
Solución:
He logrado obtener lo que necesitaba convirtiendo los valores de subtotal1 y subtotal2 en números, quedando las últimas líneas de la siguiente manera:
for(var i = 0; i < subtotal1.length; i++){
totals[i].value = Number(subtotal1[i].value) + Number(subtotal2[i].value);
}
Gracias a la comunidad y muy especialmente a @Alfabravo y @AlfaRojo por la ayuda.
20 + 42
queda2042
? Trata siempre de dar datos de prueba, resultado actual y resultado esperado. COdificar a ciegas no es cool :)