====== LU01.A06 - JS einbinden in den HTML-Code ====== ===== Rahmenbedingungen ===== * Sozialform: individual * Hilfsmittel: * VS Code Editor * Zeit: 10 Minuten * Erwartetes Resultat: - Der JS-Code der separaten Datei wurde korrekt eingebunden. - Die Ausgabe wird als Alerts bzw. in der Browserkonsole ausgegeben. ===== Vorarbeiten ===== Kopieren Sie den nachfolgenden Quellcode in die nachfolgenden Dateien **LU01_A06.html** JavaScript Essentials >

LU01_A06: How to write some text with JavaScript i.e. Hello ...

**scripts/LU01_L06_2.js** alert("Hello Variante 2: Als Alert-Box im separaten File!") **scripts/LU01_L06_3.js** console.log('Hello Variante 3 in der Browserconsole: im separaten File!'); // 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 ===== [[modul:m288:learningunits:lu01:Lösungen:06|Lösung 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