Mi problema es que ya obtuve los valores de una resta y los valores de una suma. Ahora lo que quiero es restar esos resultados pero no he podido hacerlo.
Dejo mi código por si alguien puede colaborarme.
Código:
function resta() {
var res = 0;
var contador = 0;
$('.cl').each(function() {
if (!isNaN($(this).val())) {
res -= Number($(this).val());
if (res < 0) {
res = res * -1;
}
valor = "$ " + res;
return contador = 1;
}
});
$('#restall').val(valor);
};
function suma() {
var add = 0;
//contador = 1;
$('.cla').each(function() {
if (!isNaN($(this).val())) {
add += Number($(this).val());
if (add < 0) {
add = add * -1;
}
valor1 = "$ " + add;
}
});
$('#sumaall').val(valor1);
};
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td class="tg-1wig" colspan="4">valor resta1</td>
<td class="tg-0lax" colspan="3">
<input id="Text2" class="cl form-control" type="text" name="TIOEP" onChange="resta();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor resta2</td>
<td class="tg-0lax" colspan="3">
<input id="Text2" class="cl form-control" type="text" name="MIFM" onChange="resta();" />
</td>
</tr>
<tr>
<!-- aca resto el valor1 y el valor 2-->
<td class="tg-1wig" colspan="4">TOTAL resta
<td class="tg-0lax" colspan="3">
<input id="restall" class="form-control" onChange="restadetodo();" type="text" name="restatodo" value="" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor suma1</td>
<td class="tg-0lax" colspan="3">
<input id="Text3" class="cla form-control" type="text" name="MIDRD" onChange="suma();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor suma2</td>
<td class="tg-0lax" colspan="3">
<input id="Text4" class="cla form-control" type="text" name="MIPE" onChange="suma();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor suma3</td>
<td class="tg-0lax" colspan="3">
<input id="Text5" class="cla form-control" type="text" name="MIPAENSAO" onChange="suma();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor suma4</td>
<td class="tg-0lax" colspan="3">
<input id="Text6" class="cla form-control" type="text" name="MIOAEEMPA" onChange="suma();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">TOTAL suma</td>
<td class="tg-0lax" colspan="3">
<input id="sumaall" class="form-control" type="text" value="" />
</td>
</tr>
</table>
<table>
<tr>
<td class="tg-1wig" colspan="4">valor resta1</td>
<td class="tg-0lax" colspan="3">
<input id="Text2" class="cl form-control" type="text" name="TIOEP" onChange="resta();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor resta2</td>
<td class="tg-0lax" colspan="3">
<input id="Text2" class="cl form-control" type="text" name="MIFM" onChange="resta();" />
</td>
</tr>
<tr>
<!-- aca resto el valor1 y el valor 2-->
<td class="tg-1wig" colspan="4">TOTAL resta
<td class="tg-0lax" colspan="3">
<input id="restall" class="form-control" onChange="restadetodo();" type="text" name="restatodo" value="" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor suma1</td>
<td class="tg-0lax" colspan="3">
<input id="Text3" class="cla form-control" type="text" name="MIDRD" onChange="suma();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor suma2</td>
<td class="tg-0lax" colspan="3">
<input id="Text4" class="cla form-control" type="text" name="MIPE" onChange="suma();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor suma3</td>
<td class="tg-0lax" colspan="3">
<input id="Text5" class="cla form-control" type="text" name="MIPAENSAO" onChange="suma();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">valor suma4</td>
<td class="tg-0lax" colspan="3">
<input id="Text6" class="cla form-control" type="text" name="MIOAEEMPA" onChange="suma();" />
</td>
</tr>
<tr>
<td class="tg-0lax" colspan="4">TOTAL suma</td>
<td class="tg-0lax" colspan="3">
<input id="sumaall" class="form-control" type="text" value="" />
</td>
</tr>
</table>
Utilicé código que encontré en este mismo sitio y me funcionó, pero la verdad no he logrado hacer la resta de los valores finales.