====== 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