Willkommen!
Das letzte Feld ist das Alter. Es ist ein Feld für Zahlen (type="number"): Wenn das, was eingegeben wird, keine Zahl ist, ist sein Wert ein leerer Text. Und du erinnerst dich, dass Number("") den Wert 0 ergibt, also prüfe zuerst, ob das Feld leer ist:
- Wenn das Altersfeld leer ist, zeige
Gib dein Alter ein. - Wenn das Alter kleiner als 13 ist, zeige
Du musst mindestens 13 Jahre alt sein.
Wenn jedes Feld richtig ist, hat das Formular seine Aufgabe erfüllt. Entferne es von der Seite und zeige in willkommen den Text Willkommen, Anna!, mit dem Benutzernamen (ohne Leerzeichen am Rand) statt Anna. Ein Element entfernst du mit seiner Methode remove():
formular.remove();Das Element verschwindet von der Seite, mit allem, was darin ist.
Das ist das ganze Projekt. Dein Formular prüft Feld für Feld, was der Nutzer eingegeben hat, mit trim(), length, includes() und Number(). Es zeigt neben jedem Feld, was nicht stimmt, leert die Meldung, sobald das Feld richtig ist, und erfüllt seine Aufgabe nur, wenn alles richtig ist. So arbeiten auch echte Registrierungsformulare, und danach prüft der Server noch einmal alles, denn jeder kann ein Skript in seinem Browser ändern. In der nächsten Lektion, Timer und Warten, lernen deine Seiten zu warten: nach ein paar Sekunden etwas zu tun oder immer wieder, wie bei einem Countdown.
So schreibst du es:
Anweisungen
- 1
Prüfe das Alter.
- 2
Wenn jedes Feld richtig ist, entferne das Formular und begrüße den Nutzer.