Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:m288:learningunits:lu01:aufgaben:06 [2025/08/25 13:02] – angelegt vdemirde:modul:m288:learningunits:lu01:aufgaben:06 [2025/08/29 12:42] (aktuell) vdemir
Zeile 5: Zeile 5:
   * Hilfsmittel:    * Hilfsmittel: 
     * VS Code Editor     * VS Code Editor
-  * Zeit: 10 Minuten+  * Zeit: 15 Minuten
   * Erwartetes Resultat:    * Erwartetes Resultat: 
     - Der JS-Code der separaten Datei wurde korrekt eingebunden.      - Der JS-Code der separaten Datei wurde korrekt eingebunden. 
     - Die Ausgabe wird als Alerts bzw. in der Browserkonsole ausgegeben.      - Die Ausgabe wird als Alerts bzw. in der Browserkonsole ausgegeben. 
 +
 +===== Aufgabe =====
 +Ergänzen Sie den Code an 3 Stellen, sodass die Ausgaben der unterschiedlichen Varianten im Browser angezeigt werden:
 +
 +**Hinweis:** Weiter unten haben Sie Code-Snippets, die Sie für Ihre Lösung verwenden können.
 +
 +==== Aufgabe 2 ==== 
 +Die Ausgabe der Alert-Box wird durch das die Einbindung des separate Files //LU01_L06_2.js// generiert. Das Ergebnis sollte in etwa wie folgt aussehen:
 +
 +{{:modul:m288:learningunits:lu01:aufgaben:lu01_l06_2.jpg?600|Ausgaben des 2. Aufgabe}}
 +
 +==== Aufgabe 1 ====
 +Die Ausgabe der Alert-Box-wird durch durch direkten Code im HTML-Tag realisiert. Das Ergebnis sollte in etwa wie folgt aussehen:
 +
 +{{:modul:m288:learningunits:lu01:aufgaben:lu01_a06_1.jpg?600| Ausgaben des 1. Aufgabe}}
 +
 +==== Aufgabe 3 ====
 +Die Browser-Konsolenausgabe wird durch das die Einbindung des separate Files //LU01_L06_3.js// generiert. Das Ergebnis sollte in etwa wie folgt aussehen:
 +
 +{{:modul:m288:learningunits:lu01:aufgaben:lu01_a06_3.jpg?600|Ausgabe der 3. Aufgabe}}
 +
  
 ===== Vorarbeiten ===== ===== Vorarbeiten =====
Zeile 14: Zeile 35:
 Kopieren Sie den nachfolgenden Quellcode in die nachfolgenden Dateien Kopieren Sie den nachfolgenden Quellcode in die nachfolgenden Dateien
  
-**LU01_A06.html**+**LU01_L06.html**
  
   <!DOCTYPE html>   <!DOCTYPE html>
Zeile 50: Zeile 71:
   // Hello, World! will be printed to the console   // Hello, World! will be printed to the console
  
-===== Aufgabe ===== 
-Ergänzen Sie den Code an 3 Stellen, sodass die Ausgaben der unterschiedlichen Varianten im Browser angezeigt werden: 
- 
-**Aufgabe 2**  
-Die Ausgabe der Alert-Box wird durch das die Einbindung des separate Files //LU01_L06_2.js// generiert. Das Ergebnis sollte in etwa wie folgt aussehen: 
- 
-{{:modul:m288:learningunits:lu01:aufgaben:lu01_l06_2.jpg?600|Ausgaben des 2. Aufgabe}} 
- 
-**Aufgabe 1** 
-Die Ausgabe der Alert-Box-wird durch durch direkten Code im HTML-Tag realisiert. Das Ergebnis sollte in etwa wie folgt aussehen: 
- 
-{{:modul:m288:learningunits:lu01:aufgaben:lu01_a06_1.jpg?600| Ausgaben des 1. Aufgabe}} 
- 
-**Aufgabe 3** 
-Die Browser-Konsolenausgabe wird durch das die Einbindung des separate Files //LU01_L06_3.js// generiert. Das Ergebnis sollte in etwa wie folgt aussehen: 
- 
-{{:modul:m288:learningunits:lu01:aufgaben:lu01_a06_3.jpg?600|Ausgabe der 3. Aufgabe}} 
  
 ===== Lösungen ===== ===== Lösungen =====
-[[modul:m288:learningunits:lu01:Lösungen:06|Lösung LU01.L06]]+[[de:modul:m288:learningunits:lu01:Lösungen:06|LU01.L06]]
  
 ---- ----
-[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir / Elena Mastrandrea+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir
  • de/modul/m288/learningunits/lu01/aufgaben/06.1756119752.txt.gz
  • Zuletzt geändert: 2025/08/25 13:02
  • von vdemir