Tengo estos dos inputs number, donde pretendo que mientras la cantidad aumente, al input de abajo se le sumen, eso si lo hace el problema es que, por ejemplo si la cantidad de abajo es 63 y el input de arriba esta en 4 al bajar a 3, en el otro en vez de restarle le suma.
Como le puedo hacer para restarle cantidad?
function extra() {
const $total = document.getElementById("Consumo_Asignado");
let subtotal = 0;
[...document.getElementsByClassName("monto")].forEach(function (element) {
if (element.value !== '') {
subtotal += parseFloat(element.value);
}
});
$total.value = subtotal + parseFloat($total.value);
}
<div class="row">
<input type="number" onchange="extra();" class="form-control monto" id="Consumo_extra" style="text-align: center; color: #523e02; font-weight: bold; ">
</div>
<div class="row">
<input value="50" type="number" class="form-control" id="Consumo_Asignado" style="text-align: center; color: #523e02; font-weight: bold; " />
</div>