Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu08:aufgaben:01 [2025/12/03 01:50] – angelegt vdemir
+++ de:modul:m288:learningunits:lu08:aufgaben:01 [2025/12/08 13:49] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU08.A01 ======
+====== LU08.A01 - Methode: getElementbyID ======
+===== Rahmenbedingungen =====
+  * Sozialform: individual
+  * Hilfsmittel:
+    * Open books
+    * [[https://www.w3schools.com/js/js_htmldom.asp| JavaScript HTML-DOM]]
+  * Zeit: 20 Minuten
+  * Erwartetes Resultat: Ein JavaScript-File, das Zugriff auf HTML-Objekte Elemente mittels der HTML-DOM-Methode getElementbyID ermöglicht.
-===== Lernziele =====
+===== Ausgangslage =====
+Sie haben die Demo zu diesem Auftrag mitverfolgt. Das Ergebnis sehen Sie in den nachfolgenden Abbildungen.
+| {{:de:modul:m288:learningunits:lu08:aufgaben:lu08.a01_2.png?600|}} | {{:de:modul:m288:learningunits:lu08:aufgaben:lu08.a01_1.png?600|}}  |
+| Button wurde noch nicht gedruckt. Default-Text ist sichtbar. | Button wurde gedruckt. Text wird verändert. |
 ===== Auftrag =====
-Sie haben die Demo zu diesem Auftrag mitverfolgt. Ergänzen Sie basierend auf der Demo weitere 2 Buttons und Funktionen wie folgt:
+ {{ :de:modul:m288:learningunits:lu08:aufgaben:lu08_a01_vorlage.zip | Quellcode-Vorlage für LU08.L01}}
+  - Ergänzen Sie, analog zum ersten Button, einen zweiten Button, der einen zweiten Text ausgibt.
+  - Legen Sie abschliessend einen Reset-Button an, der beide Text auf den Ausgangswert setzt, also eine RESET durchführt.
+===== Zielzustand =====
+Ihre Webseite sollte in etwa wie folgt aussehen bzw. reagieren:
+| {{:de:modul:m288:learningunits:lu08:aufgaben:lu08.l01_1.png?600|}} | {{:de:modul:m288:learningunits:lu08:aufgaben:lu08.l01_2.png?600|}} |
+===== Lösungen =====
+[[de:modul:m288:learningunits:lu08:loesungen:01|LU08.L01]]
-**Teilauftrag 1:** Ergänzen Sie einen identischen zum Button
+----
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir