Dies ist eine alte Version des Dokuments!


LU01.L05 - JS einbinden in den HTML-Code

  1. Legen Sie eine Kopie der Datei LU01_A03.html an und nennen Sie diese LU01._A05.html.
  2. Legen Sie ein Verzeichnis scripts für die zukünftigen JS-Scripte an.
  3. Legen Sie in dem Verzeichnis scritps eine Datei LU05_A05.js an.

File-Organisation im VS-Code

Realisieren Sie basierend auf der Aufgabe LU01_A03 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)

 Quellcode der HTML-Datei LU01_A05.html

 Quellcode der HTML-Datei LU01_A05.html

Ihre Lösung sollte in etwa wie folgt aussehen.

Zielvorgabe der Lösung


Volkan Demir / Elena Mastrandrea

  • de/modul/m288/learningunits/lu01/loesungen/05.1756119934.txt.gz
  • Zuletzt geändert: 2025/08/25 13:05
  • von vdemir