Guten Abend,
ich bin zurzeit dabei eine kleine Seite zu basteln, die zwei Thermofühler und einen Ausgang anzeigt.
Hier mein Script-Code im HTML Code:
Code
$(document).ready(function () {
var host = "ws://"+document.location.host+":8888/ws";
var socket = new WebSocket(host);
socket.onmessage = function(evt) {
var vonRaspiTemp = document.getElementById('sensorTempAnzeige');
var vonRaspiTemp2 = document.getElementById('sensorTempAnzeige2');
var vonRaspiBrenner = document.getElementById('brennerStatus');
var vonRaspiTime = document.getElementById('RaspiTime');
var stringVonRaspi = evt.data;
var datenVonRaspi = stringVonRaspi.split("|");
vonRaspiTemp.innerHTML = '<p class="big">' + datenVonRaspi[0] + ' °C</p>'; //Temperatur
vonRaspiTemp2.innerHTML = '<p class="big">' + datenVonRaspi[3] + ' °C</p>'; //Temperatur
if (datenVonRaspi == 1) {
vonRaspiBrenner.innerHTML = '<p class="an">' + datenVonRaspi[4] + ' AN</p>';
} else {
vonRaspiBrenner.innerHTML = '<p class="aus">' + datenVonRaspi[4] + ' AUS</p>';
}
vonRaspiTime.innerHTML = '<p class="small">' + datenVonRaspi[2] + ' Uhr // ' + datenVonRaspi[1] + '</p>'; //Ausgabe der Systemdatum und Systemuhrzeit des Raspberry Pi
};
});
</script>
Alles anzeigen
Wie ihr vll schon seht, will ich die "vonRaspiBrenner.innerHTML", je nach dem ob der Wert von "datenVonRaspi[4]" 1 oder 0 ist, mit einer Class formatieren. Ich hab nicht viel Ahnung von HTML bzw von Javascript. So wie es jetzt ist funktioniert es nicht.
Wie ist die "Best practice" für sowas?
Ich hoffe ihr könnt mir helfen. Schon mal danke im Voraus.
Mfg maddig