JSFiddle - React, Tailwind, and code Playground

by VixedS

HTML

<div class="balance">$1,00</div>
<div class="balance">$0,00</div>
<div class="balance">$4,00</div>
<div class="balance">$5,00</div>
<div class="balance">$0,00</div>
<div class="balance">$1,00</div>

CSS

.text-succ{color:#090}
.text-dang{color:#900}

JavaScript

$('.balance').each(function(){
    var balances = parseInt($(this).text().replace('$',''), 10);
    if (balances <= 0)
        $(this).removeClass("text-succ").addClass("text-dang");
    else
        $(this).removeClass("text-dang").addClass("text-succ");
});