Skip to main content

Zähler-App – Schritt 4

Freie Zählereingabe

Ziel 4

Über ein Textfeld können beliebige Zahlen addiert oder subtrahiert werden.

Design-Ansicht

Benötigt werden:

  1. Ein Element des Typs TextFeld
  2. Zwei Elemente des Typs Taste

Vergebt einen sinnvollen Text für die Tasten und sinnvolle Namen für die Elemente. Passt die Schriftgrößen an.


Hilfe benötigt? So könnte das aussehen...


Blöcke-Ansicht (Programmierung)

Funktion Freier Zähler

Auslöser: Klick auf Tasten

Zu verändernde Elemente: Ergebnis → setze Text

Berechnung: Ergebnis + Wert in Textfeld, Ergebnis - Text in Textfeld

  1. Erstellt je ein Klick-Ereignis für die beiden neuen Tasten
  2. Ergänzt den Code und passt die relevanten Stellen an. An Stelle eines festen Zahlenwertes soll nun jeweils der Wert aus dem TextFeld addiert oder subtrahiert werden. Tipp: Ihr könnt Elemente per Rechtsklick duplizieren. 
  3. Überlegt euch, wie verhindert wird, dass die Minus-Taste ein negatives Ergebnis erzeugt.
Hilfe benötigt? Hier gibt es die Lösung...


Testen

  1. Erhöht sich die Zahl beim Tippen auf die Plus-Taste?
  2. Verringert sich die Zahl beim Tippen auf die Minus-Taste?
  3. Kann die Zahl kleiner als Null werden?
  4. Funktionieren die bisherigen Tasten weiterhin?

Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.