if... else... Funktion, Ausgabe stimmt nicht, Ergänzung

[Auge]

Hallo

Zwei Punkte zur Ergänzung.

Die Ermittlung des Textinhalts funktioniert mit …

var punkte = document.getElementById("endpoints").textContent;

… auch in einer Zeile.

Zudem solltest du überlegen, ob du in der Ausgabe „über 20“/„unter 20“ überhaupt und/oder irgendwann HTML-Elemente zu erzeugen gedenkst. Wenn nicht, benutze statt innerHTML lieber textContent (die Funktion liest und schreibt Elementinhalt). textContent ist schneller als innerHTML und vermeidet das eventuelle Einschleusen von unerwünschtem Code, was mit innerHTML prinzipbedingt möglich ist.

Die unzutreffende Ausgabe (20 ist nicht unter 20) bleibt zu beheben. Hier habe ich es mal auf die Schnelle angepasst.

var punkte = document.getElementById("endpoints").textContent;
console.log(punkte);
if(punkte > 20){
	document.getElementById("message").textContent = "über 20";
} else{
	document.getElementById("message").textContent = "bis zu 20";
}

Tschö, Auge