DCV 2023 03/Html Css Javascript: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Drlue (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Drlue (Diskussion | Beiträge) |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| Zeile 18: | Zeile 18: | ||
[[Datei:Javascript add and remove element.gif|mini|ohne|Javascript Element löschen]] | [[Datei:Javascript add and remove element.gif|mini|ohne|Javascript Element löschen]] | ||
==== Aufgabe: | ==== Aufgabe: Taschenrechner ==== | ||
{{DirectoryToUse|'''html/[Name]/javascript/'''}} | {{DirectoryToUse|'''html/[Name]/javascript/'''}} | ||
Erstelle einen einfachen Taschenrechner. | Erstelle einen einfachen Taschenrechner in Html mit Javascript der die Grundrechenarten beherrscht. | ||
[[Datei: | [[Datei:Calc.png|mini|ohne|Taschenrechner]] | ||
Aktuelle Version vom 15. Juni 2023, 11:25 Uhr
Aufgabe: Javascript Clicker
Verwende dazu den Ordner html/[Name]/javascript/ im git Repository.
Erstelle eine simple Website, wird auf den Button geklickt so soll in einem Text angezeigt werden wie oft der Button geklickt wurde.

Aufgabe: Javascript Clicker Persistant
Verwende dazu den Ordner html/[Name]/javascript/ im git Repository.
Erweitere das vorhergehende Beispiel um die dauerhafte Speicherung des Counters. Dafür soll die Storage API[1] verwendet werden.
Aufgabe: Javascript Add Element
Verwende dazu den Ordner html/[Name]/javascript/ im git Repository.
Erstelle eine simple Website, wird auf den Button geklickt so soll nun ein HTML Element mit dem Zeitpunkt des Klicks hinzugefügt werden.

Aufgabe: Javascript Remove Element
Verwende dazu den Ordner html/[Name]/javascript/ im git Repository.
Erweitere das vorhergehende Beispiel um die Möglichkeit ein Element wieder zu löschen.

Aufgabe: Taschenrechner
Verwende dazu den Ordner html/[Name]/javascript/ im git Repository.
Erstelle einen einfachen Taschenrechner in Html mit Javascript der die Grundrechenarten beherrscht.
