Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu01:aufgaben:06 [2025/09/04 08:06] – vdemir
+++ de:modul:m288:learningunits:lu01:aufgaben:06 [2026/09/08 10:33] (aktuell) – [Lösungen] vdemir
@@ Zeile 5: / Zeile 5: @@
   * Hilfsmittel:
     * VS Code Editor
-  * Zeit: 15 Minuten
+  * Zeit: 20 Minuten
   * Erwartetes Resultat:
     - Der JS-Code der separaten Datei wurde korrekt eingebunden.
@@ Zeile 33: / Zeile 33: @@
 ===== Vorarbeiten =====
-Kopieren Sie den nachfolgenden Quellcode in die nachfolgenden Dateien
+Kopieren Sie die nachfolgenden Quellcode-Vorlage in ihre Lösungsdatei LU01_L06.html.
 **LU01_L06.html**
-  <!DOCTYPE html>
+<code html>
-  <html lang="en">
+<!DOCTYPE html>
-  <head>
+<html lang="en">
-    <meta charset="UTF-8">
+<head>
-    <title>JavaScript Essentials</title>
+  <meta charset="UTF-8">
-    <!-- Aufgabe 2 -->
+  <title>JavaScript Essentials</title>
-    <!-- Ausgabe als Alert-Box, der Code dazu ist in einer separaten Datei gespeichert -->
-    <!-- Hier muss die zweite JS-Datei eingebunden werden -->
+  <!-- Aufgabe 1 -->
-    <!-- Code hier ergänzen -->
+  <!-- Ausgabe als Alert-Box, der Code dazu ist in einer separaten Datei gespeichert -->
-  </head>
+  <!-- Hier muss die zweite JS-Datei eingebunden werden -->
-  <h1>LU01_A06: How to write some text with JavaScript i.e. Hello ...</h1>
+  <!-- Code hier ergänzen -->
-  <body>
+</head>
-    <!-- Aufgabenteil 1 -->
+<h1>LU01_A06: How to write some text with JavaScript i.e. Hello ...</h1>
-    <!-- Schreiben Sie hier eine alert box direkt rein und testen die Ausgabe -->
+<body>
-    <script>
-      // Die Alert-Box wird hier direkt reingeschrieben.
-      // Code hier ergänzen
-    </script>
-    <!-- Aufgabe 3 -->
-    <!-- Ausgabe wird in der Browserkonsole angezeigt -->
-      <!-- Hier muss die dritte JS-Datei eingebunden werden -->
-      <!-- Code hier ergänzen -->
-    </body>
-  </html>
-**scripts/LU01_L06_2.js**
+  <!-- Aufgabenteil 2 -->
+  <!-- Schreiben Sie hier eine alert box direkt rein und testen die Ausgabe -->
+  <script>
+    // Die Alert-Box wird hier direkt reingeschrieben.
+    // Code hier ergänzen
+  </script>
-  alert("Hello Variante 2: Als Alert-Box im separaten File!")
+  <!-- Aufgabe 3 -->
+  <!-- Ausgabe wird in der Browserkonsole angezeigt -->
+  <!-- Hier muss die dritte JS-Datei eingebunden werden -->
+  <!-- Code hier ergänzen -->
+  </body>
+</html>
+</code>
-**scripts/LU01_L06_3.js**
+**scripts/LU01_L06_2.js**
-  console.log('Hello Variante 3 in der Browserconsole: im separaten File!');
+<code javascript>
-  // Hello, World! will be printed to the console
+alert("Hello Variante 2: Als Alert-Box im separaten File!")
+</code>
+**scripts/LU01_L06_3.js**
-===== Lösungen =====
+<code javascript>
-[[de:modul:m288:learningunits:lu01:Lösungen:06|LU01.L06]]
+console.log('Hello Variante 3 in der Browserconsole: im separaten File!');
+// Hello, World! will be printed to the console
+</code>
 ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir