je possède des données live de ma station météo que je récupère via web socket. Comment puis je modifier la couleur d'affichage de la donnee selon sa valeur ? par exemple bleu si il fait froid ou rouge si il fati très chaud.
Merci
Code : Tout sélectionner
let socket = new WebSocket("ws://192.168.86.84:1880/endpoint/test");
//socket.onopen = function(e) {
// alert("[open] Connection etablie");
//alert("Sending to server");
//};
socket.onclose = function(event) {
if (event.wasClean) {
alert(`[close] Connection closed cleanly, code=${event.code} reason=${event.reason}`);
} else {
// par exemple : processus serveur arrêté ou réseau en panne
// event.code est généralement 1006 dans ce cas
alert('[close] Connection perdue. Rafraichissez la page');
}
};
socket.onerror = function(error) {
alert(`[error] ${error.message}`);
};
socket.onmessage = function (event) {
var data=JSON.parse(event.data) //pour transformer le retour texte en JSON
var int=new Intl.NumberFormat("fr-FR", {maximumFractionDigits: 2, minimumFractionDigits: 2});
var valtemp=(data["data"]["conditions"][0]["temp"]-32)*0.55;
document.getElementById("temperature").innerHTML= int.format(valtemp);
var valvent=data["data"]["conditions"][0]["wind_speed_last"]*1.609;
document.getElementById("vent").innerHTML= int.format(valvent);
document.getElementById("humidite").innerHTML=data["data"]["conditions"][0]["hum"];
var valpress=data["data"]["conditions"][2]["bar_sea_level"]*33.8639;
document.getElementById("pression").innerHTML= int.format(valpress);
document.getElementById("pluie").innerHTML=data["data"]["conditions"][0]["rain_rate_last"];
console.log (data);
};