Zum Inhalt springen
Lektion 4 von 27 10 Min. Leicht Zur Übung Mit Codebeispiel

Logik

Bedingungen steuern, welcher Code läuft. if/else, der ternaere Operator und switch sind die Werkzeuge dafür.

Ansicht

01

Verstehen

Lies die Kernidee und das Beispiel.

02

Prüfen

Beantworte die Aktiv-Checks.

03

Anwenden

Setze die Transferaufgabe um.

Lerninhalt

Verstehen & anwenden

1

if / else

if führt einen Block nur aus, wenn die Bedingung wahr ist.

else if prüft weitere Fälle, else fängt den Rest auf.

if / else
Verzweigung
const punkte = 85;

if (punkte >= 90) {
  console.log('Sehr gut');
} else if (punkte >= 50) {
  console.log('Bestanden');
} else {
  console.log('Nicht bestanden');
}
2

Truthy und falsy

In Bedingungen zählen nur wenige Werte als falsch: false, 0, "", null, undefined und NaN.

Alles andere ist truthy — auch leere Arrays und Objekte.

truthyfalsy
3

Ternär und switch

Der ternäre Operator bedingung ?

a : b ist ein kompaktes if/else für Ausdrücke.

switch vergleicht einen Wert gegen mehrere Fälle — mit break nicht vergessen.

? :switch
Ternärer Operator
const alter = 20;
const status = alter >= 18 ? 'volljährig' : 'minderjährig';

Vertiefung

Truthy, falsy und lesbare Bedingungen

Nur false, 0, "", null, undefined und NaN sind falsy. Leere Arrays und Objekte sind truthy — ein häufiger Stolperstein.

Der ternäre Operator ist für kurze Entscheidungen gut. Bei mehreren Fällen sind if/else oder switch lesbarer als verschachtelte Ternaries.

Falsy-Werte erkennen
if (0) console.log("läuft nicht");
if ([]) console.log("leeres Array ist truthy");

const status = punkte >= 50 ? "bestanden" : "üben";

Merksatz: Verlasse dich nicht auf Truthiness, wenn 0 oder "" gültige Werte sind. Prüfe dann explizit.

Übungsaufgabe

Notenampel

Gib für eine Punktzahl zwischen 0 und 100 eine Rückmeldung aus: ab 90 „sehr gut“, ab 70 „gut“, ab 50 „bestanden“, sonst „nochmal üben“. Behandle ungültige Werte.

Das soll dein Programm können

  • if/else für die Fälle
  • Ungültige Werte abfangen
  • Einen ternären Operator verwenden
  • Drei Beispielwerte testen

Schreibe den Code hier oder in deiner IDE und vergleiche ihn dann mit der Lösung.

Dein Code wird automatisch auf diesem Gerät gespeichert.

Hinweis anzeigen

Prüfe zuerst punkte < 0 || punkte > 100. Danach von oben nach unten die Grenzen.

Lösung anzeigen
Notenampel.js
const punkte = 85;

if (punkte < 0 || punkte > 100) {
  console.log("Ungültige Punktzahl");
} else if (punkte >= 90) {
  console.log("sehr gut");
} else if (punkte >= 70) {
  console.log("gut");
} else if (punkte >= 50) {
  console.log("bestanden");
} else {
  console.log("nochmal üben");
}

const kurz = punkte >= 50 ? "bestanden" : "üben";
console.log(kurz);

Warum funktioniert das?

Die Reihenfolge ist wichtig: 95 muss vor der 70er-Grenze geprüft werden. Der ternäre Operator eignet sich nur für zwei Ergebnisse.

Aktiv-Check

Teste dein Verständnis

1/6

Erkennen: Welcher Abschnitt passt?

Welcher Abschnitt passt zu diesen Begriffen?

if / else
Tipp: Erst erinnern, dann prüfen. Fehler sind Teil des Lernens.

Transfer

Mini-Projekt: Der Lernzähler

Baue einen kleinen Zähler, der bei jedem Klick hochzählt und den Wert im DOM anzeigt. Erweitere ihn um einen Reset-Button.

Selbstcheck

Kann ich das schon?

Hake ab, was du wirklich erklären oder selbst bauen könntest.

0 von 3 geschafft

Fortschritt

Bereit zum Abschließen?

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.

</> Learn-Program © 2026 · Lizenziert unter CC BY-NC-SA 4.0

Rechtliches & Lizenz