Dies ist eine alte Version des Dokuments!
LU01.A05 - JS einbinden in den HTML-Code
Rahmenbedingungen
- Sozialform: individual
- Hilfsmittel:
- VS Code Editor
- Zeit: 20 Minuten
- Erwartetes Resultat: Zwei Arten von HelloWorld (unterschiedlich eingebunden).
Ausgangslage
Sie haben im LU01b - JavaScript in HTML einbinden gelernt, dass es unterschiedliche Arten gibt JS-Code ins HTML einzubinden. Sie finden nachfolgend die Vorlage zur HTML-Datei, in der Sie die Welt mit Hello World! grüssen sollen.
Vorarbeiten
Legen Sie eine Datei LU01_L05.html an und kopieren den nachfolgenden Code hinein.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript Essentials</title>
<!-- Variante 2 -->
<!-- <script src="scripts/02_sayhello.js"></script> -->
</head>
<h1>How to write some text with JavaScript i.e. Hello ...</h1>
<body>
<!-- Variante 1 -->
<script>
// alert("Hello Variante 1!");
</script>
<!-- Variante 3 -- > <!-- <script src="scripts/LU05_A05.js"></script> -->
</body> </html>
Aufgabe
Grüssen Sie auf drei Arte die Welt, indem Sie drei Arten der JS-Einbindung realisieren.
- Incode,
- Script-Tag und
- Externe JS-Datei
