Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

JavaScript lernen

Bedingte Anweisung erstellen

Testen Sie unsere 2015 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Das Programm reagiert durch die Einbindung einer bedingten Anweisung auf die Eingabe eines Benutzers und passt die ausgegebenen Information entsprechend an.
03:11

Transkript

So ein Computerprogramm wäre ziemlich einfältig und langweilig, wenn es immer nur den einen vorgefertigten Weg gehen würde, und wenn dieser Weg keine Kreuzungen, keine Abzweigungen und keine Kurven kennen würde. Eine Stadt besteht ja auch nicht einfach nur aus einer einzelnen geraden Straße. Mit anderen Worten: So ein Computerprogramm muss auf unterschiedliche Situationen reagieren. Überprüfe: Hat ein Benutzer sein Passwort richtig eingegeben? Dann logge ihn ein. Wenn die Maustaste gedrückt worden ist, dann sende das Formular ab. Wenn die Postleitzahl nur drei Stellen hat, dann sage dem Nutzer, dass da irgendwas noch nicht stimmt. Und so weiter und so fort. Es gibt so gut wie kein Programm, das nicht irgendwo so eine "Wenn, dann"-Verzweigung hat. Im JavaScript-Code sieht das Ganze dann so aus: Wir haben hier einen html-Bereich mit einer Überschrift und mit einem div-Container, der unsere Antwort später aufnehmen wird. Wir haben hier ein "prompt", in dem wir den Nutzer auffordern, sein Alter anzugeben, und dann schreiben wir einfach in den div-Container mit der ID "Antwort": "Das ist ein gutes Alter." Probieren wir das Ganze mal aus. "Wie alt sind Sie"? 39. Und dann steht hier: "Das ist ein gutes Alter." Allerdings: Egal, welches Alter ich angebe, der Computer sagt immer, es sein ein "gutes Alter". Und jetzt möchte ich so eine If-Verzweigung einbauen. Also. If, heißt auf Deutsch "wenn". Und weil wir uns ja hier unten im JavaScript-Fenster bewegen, da nutzen wir hauptsächlich die runden Klammern. Und jetzt schreibe ich in der Klammer: Wenn das Alter beispielsweise gleich 39 ist. Achten Sie darauf: Ich habe hier zwei Gleichheitszeichen, hier oben habe ich nur eines. Was ist der Unterschied? Wenn ich ein Gleichheitszeichen verwende, dann weise ich den Wert von der rechten Seite der linken Seite zu. Ich sage also: Das, was man bei "prompt" eingibt, soll in der Variablen "Alter" gespeichert werden. Wenn ich zwei Gleichheitszeichen verwende, dann ist es keine Zuweisung, sondern ein Test, ob beide Werte gleich sind, also ob in der Variablen "Alter" der Wert 39 gespeichert ist. Ganz, ganz wichtig, dass Sie hier immer zwei Gleichheitszeichen machen, wenn Sie sich innerhalb so einer If-Schleife bewegen. Und jetzt fange ich mit dem sogenannten If-Block an. Das heißt, wenn das Alter 39 ist, dann soll eben hier dieses Antwort-html "Das ist ein gutes Alter" ausgegeben werden. Und dann mach ich jetzt, wenn ich diese geschweifte Klammer hier aufmache, muss ich sie auch wieder zumachen. Und jetzt testen wir das Ganze mal. Ich gehe auf Run und sage zunächst einmal "40" und klicke auf "OK". Dann bekomme ich hier keine Meldung. Und wenn ich das Ganze noch einmal teste und dann hier eine 39 eingebe, dann bekomme ich hier: "Das ist ein gutes Alter." Das war jetzt eine ganz einfache If-Schleife, mit der wir auf Nutzereingaben reagieren können.

JavaScript lernen

Sehen, lernen und üben Sie das Schreiben von kleinen Programmen, die allesamt mit der Programmiersprache JavaScript erstellt werden.

2 Std. 6 min (37 Videos)
Es macht Spaß
Ulrike M.
Ich habe meine erste Aufgabe in JavaScript gelöst. Und es hat geklappt. Auf dem Weg zur Lösung habe ich festgestellt, wo ich noch Verständnisprobleme hatte, habe mir den Weg erarbeitet und war dann erfolgreich. So lernt man wirklich etwas. Nicht nur per multiple choice Fakten abfragen, sondern selbst einen Weg für die Umsetzung in Code finden. Das ist ja auch genau die tägliche Arbeit eines zukünftigen Webdesigners.
Das hat richtig Spaß gemacht und spornt an weiter zu lernen!
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!