Einstieg in das Thema
Was brauchst du als Basiswissen?
Die Verbindung von JavaScript und HTML hast du verstanden.
Worum geht es?
Du weißt nun, wie HTML und JS zusammenarbeiten, aber so richtig Programmierung war das noch nicht. Darum geht es jetzt. Du lernst, wie die grundlegenden Dinge einer Programmiersprache in JavaScript aussehen und funktionieren.
Was ist das Ziel?
Die erste Sache, Variablen, kennst du.
Erarbeitung
Theorie
Aufgaben zur Erarbeitung
Nimm das gezeigte Script als Grundlage.
Aufgabe 1
Füge eine weiteren Button hinzu, der den Zähler wieder reduziert. Erstelle dazu eine zweite Funktion.
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
als Basis.
Aufgabe 4
Probiere den Taschnerechner aus und schreibe auf, was er kann und was er nicht kann.
Aufgabe 5
Gehe in die Zeile 116 (display.value...). Was passiert hier?
Aufgabe 6
Erkläre ganz allgemein, was passiert, wenn man zwei Texte "addiert", also mit + verbindet.
Aufgabe 7
Was passiert in Zeile 131?
Aufgabe 8
Erkläre ganz allgemein, was zwei aufeinanderfolgende Hochkommas bedeuten.
Aufgabe 9
Im Code zum Enter-Button findest du eval(). Was macht eval?
Aufgabe 10
Was macht eval bei uns im Taschenrechner?
Aufgabe 11
Probiere als Eingabe "+7+" aus. Was passiert?
Aufgabe 12
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. Du kannst der KI auch ein Code-Stück zum Analysieren geben.
Aufgabe ohne KI
Du weißt nun einiges über den Taschenrechner. Füge nun zwei weitere Zeilen hinzu.
Aufgabe 13
Damit sollen die Operationen Subtraktion, Multiplikation und Division realisert werden.
Aufgabe 14
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 15
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 nun mit Variablen gearbeitet und noch einmal den Unterschied zwischen Texten (in Hochkommas) und Zahlen gesehen.
Was können anschließende Themen sein?
Nun schauen wir uns Schleifen an.