JSFiddle - React, Tailwind, and code Playground

HTML

<span id="displaylr"></span>

JavaScript

$.ajaxSetup({
	type: "POST",
	contentType: "application/json; charset=utf-8",
	cache: false,
	dataType: "json",
	xhrFields: {
		withCredentials: true
	}
});

$.ajax({
	url: "https://www.mytaglist.com/ethLogShared.asmx/GetLatestTemperatureRawDataByUUID",
	data: JSON.stringify({
		uuid: "1e40e388-0691-458b-9c1e-6a2ccf171434"
		
	}),
	success: function (retval, textStatus) {
		var templr = $("#displaylr").text(((retval.d.temp_degC * 1.8) + 32).toFixed(1));
		
    if (templr < 60) {
    $("#displaylr").css("color", "#0000ff");
    }
		else	if (templr < 70 && templr > 69) {
	$("#displaylr").css("color", "#FFED00");
} else if (templr < 69 && templr > 68) {
	$("#displaylr").css("color", "#FFFC00");
} else if (templr < 68 && templr > 67) {
	$("#displaylr").css("color", "#EBEE12");
} else if (templr < 67 && templr > 66) {
	$("#displaylr").css("color", "#CFD42C");
} else if (templr < 66 && templr > 65) {
	$("#displaylr").css("color", "#ABB24A");
} else if (templr < 65 && templr > 64) {
	$("#displaylr").css("color", "#858C6C");
} else if (templr < 64 && templr > 63) {
	$("#displaylr").css("color", "#3D41AF");
} else if (templr < 63 && templr > 62) {
	$("#displaylr").css("color", "#0000FD");
} else if (templr < 62 && templr > 61) {
	$("#displaylr").css("color", "#424DFF");
} else {
	$("#displaylr").css("color", "#dddddd");

}
	},
	error: function (xhr, textStatus, exception) {
		alert(textStatus);
	}

});