Workshops App-Entwicklung

Zähler-App – Schritt 2

Um 10 hoch- und runterzählen


Ziel 2

Es gibt zwei zusätzliche Tasten, die direkt um 10 hochzählen oder herunterzählen. 


Design-Ansicht

Benötigt werden:

  1. 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.

Tipp: Mit Elementen aus dem Bereich "Anordnung" könnt ihr die Elemente schön mittig platzieren. 


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

zaehler2_designer.png



Blöcke-Ansicht (Programmierung)

Funktion Zähler10

Auslöser: Klick auf Plus10-Taste, Klick auf Minus10-Taste

Zu verändernde Elemente: Ergebnis → setze Text

Berechnung: Ergebnis + 10, Ergebnis - 10


  1. Erstellt je ein Klick-Ereignis für die beiden neuen Tasten

  2. Ergänzt den Code und passt die relevanten Stellen an. Tipp: Ihr könnt Elemente per Rechtsklick duplizieren. 

  3. Überlegt euch, wie verhindert wird, dass die Minus10-Taste ein negatives Ergebnis erzeugt.


Hilfe benötigt? Hier gibt es die Lösung...

zaehler2_bloecke.png



Testen

  1. Erhöht sich die Zahl beim Tippen auf die Plus10-Taste?

  2. Verringert sich die Zahl beim Tippen auf die Minus10-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!