LU01.A05 - JS einbinden in den HTML-Code
Rahmenbedingungen
- Sozialform: individual
- Hilfsmittel:
- VS Code Editor
- Zeit: 20 Minuten
- Erwartetes Resultat: 3 Buttons, die mittels unterschiedlicher JS-Einbindung Informationen auf dem Browser ausgeben.
Ausgangslage
Sie haben im LU01b - JavaScript in HTML einbinden gelernt, dass es unterschiedliche Arten gibt JS-Code ins HTML einzubinden.
Vorarbeiten
- Legen Sie eine Kopie der Datei LU01_A03.html an und nennen Sie diese LU01._A05.html.
- Legen Sie ein Verzeichnis scripts für die zukünftigen JS-Scripte an.
- Legen Sie in dem Verzeichnis scripts eine Datei LU05_A05.js an.
Aufgabe
Realisieren Sie basierend auf der Aufgabe LU01_A03 die nachfolgenden 3 Varianten, wie JavaScript ins HTML eingebunden wird.
- Direkt im HTML-Tag: Ausgabe des Datums (Button 1)
- Mittels Script-Tags: Ausgabe des Namens (Button 2)
- Als separate Datei: Ausgabe der Hobbies (Button 3, muss noch angelegt werden)
Zielvorgabe 1: Dateiorganisation
Ihr Files sollten wie folgt organisiert sein:
Zielvorgabe 2: Browserausgabe
Ihre Lösung sollte in etwa wie folgt aussehen.
