JSFiddle - React, Tailwind, and code Playground
HTML
<div class="r-summary"> <span id="score">
90
</span>
</div>
JavaScript
$(function () {
// Score Color
var score = parseInt($('#score').text().trim());
var color = 'red';
if (!isNaN(score)) {
if (score >= 40) {
color = 'orange';
}
if (score >= 60) {
Color = 'green';
}
$('#score').css('color', color);
}
});