JSFiddle - React, Tailwind, and code Playground
HTML
<div class="Entradas">100,00</div>
<div class="Entradas">100,00</div>
<div class="Saidas">10,00</div>
<div class="Saidas">10,00</div>
<div id="total"></div>
CSS
#total {
padding: 10px 0;
border-top: 2px solid black;
}
JavaScript
var total = $('.Saidas, .Entradas').get().reduce(function(tot, el) {
var numero = Number(el.innerHTML.split('.').join('').split(',').join('.'));
return tot + (el.classList.contains('Entradas') ? numero : -numero);
}, 0);
$('#total').html(total.toLocaleString(undefined, {minimumFractionDigits: 2}));