Estoy tratando de mostrar un valor de sensor usando html/ajax. Esto funciona como se esperaba hasta ahora, sin embargo, quiero que el color del texto cambie según el valor. por ejemplo
if value < 50 then fontcolor= blue if value >49 then fontcolor = red¿Es eso posible?
<p style="color:blue; position: absolute; top: 810px; width: 100px; padding-left: 340px;" id="ofen_VL">0</p> <script> setInterval(function() { // Call a function repetatively with 10 Second interval getData(); }, 10000); //10sec function getData() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("ofen_VL").innerHTML = this.responseText; } }; xhttp.open("GET", "ofen_VL.txt", true); xhttp.send(); } </script>Agregue a la respuesta su condición. Algo como:
if (this.readyState == 4 && this.status == 200) { document.getElementById("ofen_VL").innerHTML = this.responseText; if (Number(this.responseText) > 50) { document.getElementById("ofen_VL").setAttribute('style', 'color: blue;'); } else { document.getElementById("ofen_VL").setAttribute('style', 'color: red;'); } }