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) + 24).toFixed(0));

   if (templr < 1) {
      $("#displaylr").css("color", "#000000");
    }
    else if (templr = 69) {
      $("#displaylr").css("color", "#FFED00");
    }
    else if (templr = 68) {
      $("#displaylr").css("color", "#FFFC00");
    }
    else if (templr = 67) {
      $("#displaylr").css("color", "#EBEE12");
    }
    else if (templr = 66) {
      $("#displaylr").css("color", "#CFD42C");
    }
    else if (templr = 65) {
      $("#displaylr").css("color", "#ABB24A");
    }
    else if (templr = 64) {
      $("#displaylr").css("color", "#858C6C");
    }
    else if (templr = 63) {
      $("#displaylr").css("color", "#3D41AF");
    }
    else if (templr = 62) {
      $("#displaylr").css("color", "#0000FD");
    }
    else if (templr = 61) {
      $("#displaylr").css("color", "#424DFF");
    }
    else {
      $("#displaylr").css("color", "#dddddd");

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

});