MINT üben

Formulare auswerten

Dreißig Übungen zu Formularen — Eingaben auslesen, in Zahlen umwandeln und sinnvoll prüfen.

Dein Fortschritt:
0 / 0 Aufgaben
1

Übungsaufgaben

Dreißig Übungen in gemischter Reihenfolge — du klickst, ziehst, ordnest, rechnest und knobelst. Jede Übung gibt dir sofort eine Rückmeldung, und zu jeder Aufgabe gibt es zwei gestufte Tipps: Der erste zeigt die Richtung, der zweite den entscheidenden Schritt. Die Chips zeigen das Anforderungsniveau: AFB I heißt wiedergeben und direkt anwenden, AFB II selbst entscheiden und verknüpfen, AFB III begründen, beurteilen oder eine Falle durchschauen. Aufgaben mit dem Chip Mix verbinden Wissen aus früheren Unterkapiteln, bei Trick steckt eine Falle drin. Fährst du über ein unterstrichenes Arbeitswort, siehst du, was es genau von dir verlangt.

A1
Tut das Programm, was es soll?
AFB II

Werte jedes Programm aus: Erfüllt es den Wunsch (grün), nur teilweise (gelb) oder gar nicht (rot)?

Gib jeder Situation eine Ampelfarbe: Klicke auf das passende Licht und prüfe dann. Mit der Tastatur: Tab zur Ampel, ↑/↓ oder 1–3 wählt die Farbe.
  • Rot: Funktioniert nicht
  • Gelb: Nur teilweise
  • Grün: Funktioniert
  1. Wunsch: Das Feld soll verdoppelt angezeigt werden. Programm: aus.textContent = feld.value * 2;

  2. Wunsch: Die Summe zweier Felder anzeigen. Programm: let s = a.value + b.value;

  3. Wunsch: Die Summe zweier Felder anzeigen. Programm: let s = Number(a.value) + Number(b.value);

  4. Wunsch: Bei leerem Feld soll eine Meldung kommen. Programm: if (feld.value === "") { meldung.textContent = "Bitte ausfüllen."; }

  5. Wunsch: Bei leerem Feld soll eine Meldung kommen. Programm: if (Number(feld.value) === 0) { meldung.textContent = "Bitte ausfüllen."; }

  6. Wunsch: Prüfen, ob die Checkbox agb angehakt ist. Programm: if (agb.checked === "true") { … }

Prüfe zuerst, was value liefert (immer Text), und dann, ob der Code mit leeren Feldern, Buchstaben oder der Zahl 0 sauber umgeht.
Frage dich bei jedem Programm: Was passiert, wenn das Feld leer ist oder Buchstaben enthält?
Gelb heißt: Der Wunsch wird im Normalfall erfüllt, aber ein Sonderfall geht schief.
A2
Stimmt's? — value
AFB I

Gib an, ob die Aussagen über Formularfelder stimmen.

5 Aussagen nacheinander. Eine falsche Einschätzung reicht — dann startest du die Serie mit „Neue Runde“ neu.
Aussage 1 von 5

Wer rechnen will, wandelt um und prüft danach.
Welchen Typ hat alles, was aus value kommt?
Und was wird aus einem leeren Text, wenn man ihn mit Number umwandelt?
A3
Taschengeld
AFB II

Im Feld a steht „12“, im Feld b „8“. Ermittle die Ergebnisse.

Löse die Kette Schritt für Schritt: Erst wenn ein Schritt stimmt, wird der nächste freigeschaltet. Enter prüft.
  1. a.value + b.value:
  2. Number(a.value) + Number(b.value):
  3. a.value * 2:
+ mit zwei Texten verkettet → "128". Mit Number wird gerechnet → 20. * wandelt selbst um → 24.
Welche Rechenzeichen verketten Texte, welche rechnen?
value ist Text — Plus verkettet, Mal wandelt selbst um, Number macht eine Zahl.