Dies ist eine alte Version des Dokuments!
LU01.A05 - 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 wurde des Alerts wird am Browser ausgegeben.
Ausgangslage
In der Aufgabe LU01.A03 - Erste Schritte haben Sie Ihr JavaScript direkt in der W3School-Testumgebung in einem einzigen HTML-File eingebettet und ausgeführt. Jetzt wollen wir unser JS aus einer externen JS-Datei holen und in unserem HTML-File einbinden.
Vorarbeiten
1. Erstellen Sie eine Datei LU01_L05.html und kopieren den nachfolgenden Code hinein.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Übung 1</title>
</head> <body> </body> </html>
2. Des weiteren erstellen Sie einen Ordner script
3. Legen sie im Ordner Script eine JS-Datei mit dem Namen LU01_L05.js an und kopieren den nachfolgenden Code hinein.
alert('Hello everybody!');
Aufgabe A
- Erstellen Sie einen Ordner script und legen dort eine JS Datei mit dem Namen LU01_L05.js an und kopieren den nachfolgenden JS Code in diese Datei.
Aufgabe B
- Passen Sie die Beschriftung des Buttons auf Zeige Datum an.
- Erweitern Sie die Aufgabe um ein weiteres Button mit der Beschriftung Zeige Namen, der beim Klicken Ihren Namen im Format <h2> am Monitor ausgibt.
