HTML ist keine Programmiersprache. Auch wenn dies öfters an manchen Stellen behauptet wird, ist dies falsch. Ein Grund hierfür ist, dass es in HTML keinerlei Kontrollstrukturen gibt. Fallentscheidungen wie beispielsweise eine einfach if/else Fallentscheidung fehlen in JavaScript völlig.
Schauen Sie sich einmal untenstehendes Beispiel an. Wir legen dort eine Variable „alter“ an und fragen per Prompt-Eingabebox das Alter des Users ab. Der User kann hier neben seinem Alter in Jahren auch Buchstaben und anderes eingeben. Dies muss für Anwendungen unterbunden werden. In unserem Beispiel setzen wir einfach voraus, dass das korrekte Alter in Jahren eingegeben wird. Die Variable „alter“ wird nun mit einer einfachen if/else-Entscheidung geprüft. Beachten Sie bitte, dass jeder Block in geschweiften Klammern („{}“) stehen muss. Klammerfehler gehören zu den häufigsten Tippfehler beim Programmieren.
Dem if folgend wird die eigentliche Fallprüfung in runden Klammern vorgenommen. In unserem Beispiel „alter >= 18“. Wenn der Wert der Variable alter größer oder gleich 18 ist, wird der direkt folgende Block ausgeführt. Die Prüfung „alter >17“ würde zum gleichen Ergebnis führen.
Wie Sie auch aus unserem Beispiel sehen können, hat unser Beispiel keinerlei Code innerhalb des Body-Container. Und dennoch wird eine Ausgabe im Browser-Fenster erscheinen. Dies erzeugen wir mit „document.write“. Damit schreiben wir Text in das Dokument. Diese Methode wird sehr häufig bei einfachen Beispielen angewendet. In größeren Projekten führt diese Methode oftmals zu Problemen.
<script type="text/javascript">
var alter = prompt("Bitte gebe Dein Alter ein","");
if (alter >= 18)
{
document.write("Du bist volljährig!");
}
else
{
document.write("Du bist noch minderjährig!");
}
</script>
Der „else“-Zweig ist bei einer If-Abfrage nicht zwingend notwendig. So reicht es je nach Programmfluss völlig aus, Abfragen per „If“ zu regeln. Ein einzelner „else“-Zweig macht keinen Sinn und führt zu einem Fehler.