LU01.A05 - JS einbinden in den HTML-Code

• Sozialform: individual
• Hilfsmittel:
  • VS Code Editor
• Zeit: 20 Minuten
• Erwartetes Resultat: 3 Buttons, die mittels unterschiedlicher JS-Einbindung Informationen auf dem Browser ausgeben.

Sie haben im LU01b - JavaScript in HTML gelernt, dass es in JS unterschiedliche Arten gibt JS-Code ins HTML einzubinden. Wir wollen nun diese Varianten praktisch anwenden.

1. Legen Sie im Visual Studio Code ein Projektverzeichnis scripts für die zukünftigen JS-Scripte an.
2. Legen Sie in dem Verzeichnis scripts eine Datei LU05_L05.js an. Ihr JS-Code wird hier gespeichert.
3. Legen Sie eine Kopie der Datei LU01_L03.html an und nennen Sie diese LU01_L05.html. Sie finden den Ausgangsquellcode zur LU1_L03.html weiter unten. Diese können Sie einfach in ihre Lösungsdatei LU01_L05.html hineinkopieren.

Realisieren Sie basierend auf der Aufgabe LU01_L03.html die nachfolgenden 3 Varianten, wie JavaScript ins HTML eingebunden wird.

1. Direkt im HTML-Tag: Ausgabe des Datums (Button 1)
2. Mittels Script-Tags: Ausgabe des Namens (Button 2)
3. Als separate Datei: Ausgabe der Hobbies (Button 3, muss noch angelegt werden)

Ihr Files sollten wie folgt organisiert sein:

Ihre Lösung sollte in etwa wie folgt aussehen.

LU01.L05

Volkan Demir