JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="result"></ul>
CSS
.in {
color: red;
}
.mulling {
color: blue;
}
JavaScript
var yqlURL = "http://query.yahooapis.com/v1/public/yql?q=select%20name%2Cstatus%2Ccurrentposition%2Ccashonhand%20from%20atom%20where%20url%3D'https%3A%2F%2Fspreadsheets.google.com%2Ffeeds%2Flist%2F0AiMSzYWiIFeldHdzUXBnWkJxaWZ1eEdvRm5LMUppYXc%2Fod6%2Fpublic%2Fvalues'&format=json&diagnostics=true&callback=?";
$.getJSON(yqlURL, function(data) {
$.each(data.query.results.entry, function() {
var li = $('<li>').html('<b>' + this.name + '</b> current job: ' + this.currentposition + ' | cash on hand: ' + this.cashonhand + ' | race status: <span class="status">' + this.status + '</span>');
$('#result').append(li);
if (this.status == 'In') {
li.addClass('in');
} else if (this.status == 'Mulling') {
li.addClass('mulling');
}
});
});