Einstieg in das Thema
Was brauchst du als Basiswissen?
JavaScript-Basics und Eventlistener sind wichtig.
Worum geht es?
Du hast schon mit Texten gearbeitet und natürlich
können sich Variablen auch Texte merken. Aber es gibt
noch einfachere Variablen, die für Zahlen.
Das schauen wir uns an und nebenbei werden die
Grundlagen vertieft.
Was ist das Ziel?
Am Ende hast du dein bisheriges Wissen vertieft
und bist sicherer.
Erarbeitung
Aufgaben zur Erarbeitung
Nimm das gezeigte Script als Grundlage.
Zähler
Aufgabe 1
Füge eine weiteren Button hinzu, der den Zähler wieder reduziert. Wo unterscheiden sich beide Eventhandler?
Aufgabe 2
Füge eine weitere Anzeige und zwei Button, welche diese Anzeige verändern (+ und -), hinzu. Worin unterscheiden sich die neuen EventHandler von den alten?
Aufgabe 3
Füge nun eine weitere Anzeige hinzu, welche die Summe der beiden Zähler ausgibt.
Aussehen kann das am Ende dann so:
Vertiefung
Nimm nun den
Taschenrechner
als Basis.
Aufgabe 4
Gehe in die Zeile 116 (display.value...). Was passiert hier?
Aufgabe 5
Erkläre ganz allgemein, was passiert, wenn man zwei Texte "addiert", also mit + verbindet.
Aufgabe 6
Was passiert in Zeile 131?
Aufgabe 7
Erkläre ganz allgemein, was zwei aufeinanderfolgende Hochkommas bedeuten.
Aufgabe 8
Im Code zum Enter-Button findest du eval(). Was macht eval ganz allgemein?
Aufgabe 9
Was macht eval bei uns im Taschenrechner?
Aufgabe 10
Probiere als Eingabe "+7+" aus. Was passiert?
Aufgabe 11
Umfasst wird eval von einem try-catch-Block. Du musst noch nicht verstehen, wie das alles funktioniert. Aber die KI kann dir sicher sagen, was mit diesem Code bezweckt wird.
Aufgabe ohne KI
Du weißt nun einiges über den Taschenrechner.
Füge nun zwei weitere Zeilen hinzu.
Aufgabe 12
Damit sollen die Operationen Subtraktion, Multiplikation und Division realisert werden.
Aufgabe 13
Eine weitere Zeile kann die Klammern ( und ) sowie das Komma hinzufügen. Dabei soll im Button ein Komma stehen, hinzugefügt wird dem Text aber ein Punkt (Man schreibt 3.5).
Aufgabe 14
Hat alles funktioniert? Lasse dir gern von der KI die Fehler nennen und gib die zwei gröbsten Fehler an. Danach kannst du diese beheben.
Zusammenfassung
Was muss man wissen/können?
Du hast hoffentlich dein Wissen über Variablen vertieft,
aber auch die vielen neuen Sachen (Ereignisse, EventHandler,
Button, Arbeit mit Texten, eval usw.) vertieft.
Mitschrift
Besonders die Variablen sollten ein Schwerpunkt sein,
try-catch ist noch nicht wesentlich.
Was können anschließende Themen sein?
Nun schauen wir uns Schleifen an.
