Das Ticket für die Klassenfahrt
Du kaufst online ein Ticket. Du tippst die Anzahl ein und drückst „Weiter“.
Tippst du „abc“ oder gar nichts, sagt die Seite sofort: „Bitte gib eine Zahl ein.“ Ein Programm hat deine Eingabe geprüft. Heute baust du das selbst.
Am Ende dieser Lektion
Notiz
Ich kann die Eingabe aus einem Formular lesen und mit if auf leere oder falsche Werte prüfen.
Schlüsselwörter
| Begriff | Was er bedeutet | Beispiel |
|---|---|---|
| Formular | der Teil einer Seite, in dem man etwas eintippt und absendet | <form> |
| value | der Text, der gerade in einem Feld steht | feld.value |
| Number | macht aus Text eine Zahl | Number("12") |
| NaN | der Wert für „keine Zahl“, wenn die Umwandlung nicht klappt | |
| submit | das Ereignis, das beim Absenden eines Formulars kommt | |
| preventDefault | verhindert, dass der Browser die Seite neu lädt | ereignis.preventDefault() |
Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.
Starter: Ereignisse
Probier es aus
Starter: Ereignisse
3 FragenDeine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.
Ein Eingabefeld liefert immer Text
Auch wenn jemand „12“ tippt: feld.value ist der Text „12“, keine Zahl.
Wenn du rechnen willst, wandelst du ihn um: Number(feld.value). Bei Unsinn wie „abc“ kommt NaN heraus. Das heißt „keine Zahl“.
Probiere es aus: Text und Zahl
// Ein Eingabefeld liefert immer Text, auch wenn eine Zahl darin steht.
const eingabe = '12';
console.log(eingabe + 1); // Text wird aneinandergehängt
console.log(Number(eingabe) + 1); // Zahl wird gerechnet
// Number macht aus unsinnigem Text den Wert NaN (keine Zahl).
console.log(Number('abc'));
console.log(Number.isNaN(Number('abc')));
console.log(Number('') ); // Achtung: leerer Text ergibt 0
Ein häufiger Fehler
Warnung
Viele denken: Was im Feld steht, ist eine Zahl. Dann kommt bei "12" + 1 aber "121" heraus. Der Text wird nur aneinandergehängt. Wandle erst mit Number um und rechne dann.
Kurze Prüfung: Text und Zahl
Probier es aus
Kurze Prüfung: Text und Zahl
3 FragenDeine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.