JSFiddle - React, Tailwind, and code Playground

HTML

result:
<div id="result">
</div>

CSS

body{
    font-family:arial;
}

.osGOOD{
    color:green;
}

.osNEG{
    color:red;
}

.osPOS{
    color:purple;
}
}

JavaScript

var pfWeight=4;
var gWeight=4.4;
var adjm=-0.4;

var sbal=pfWeight-gWeight-adjm;			
if(sbal===-0){sba=Math.abs(-0);}

$("#result").html( sbal.toFixed(5) );

switch(true){
    case (sbal===0):
        $("#result").addClass("osGOOD");
        break;
    case (sbal<0):
        $("#result").addClass("osNEG");
        break;			
    case (sbal>0):
        $("#result").addClass("osPOS");		  
        break;
}