Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu01:02 [2026/08/25 12:10] – vdemir
+++ de:modul:m288:learningunits:lu01:02 [2026/08/25 12:15] (aktuell) – vdemir
@@ Zeile 11: / Zeile 11: @@
 Der JavaScript-Code wird direkt als Attribut in einem Element reingeschrieben. 👉 Das ist nicht die eleganteste Lösung, aber für schnelle Tests praktisch.
-**HTML-Datei**
+**HTML-Datei: LU01b_bsp1.html**
 <code html>
 <!DOCTYPE html>
@@ Zeile 30: / Zeile 30: @@
 JavaScript wird direkt im HTML-Dokument, meist im <head> oder besser am Ende von <body> platziert, damit das DOM schon geladen ist.
-**HTML-Datei**
+**HTML-Datei: LU01b_bsp2.html**
 <code html>
 <!DOCTYPE html>
@@ Zeile 54: / Zeile 54: @@
 Dieser Ansatz ist der saubere Standardweg: Gemäss der Maxime //Teile und herrsche// wird HTML und JS in separaten Dateien gehalten. So bleibt der HTML-Code übersichtlich und JavaScript kann wiederverwendet werden.
-**HTML-Datei**
+**HTML-Datei: LU01b_bsp3.html**
 <code html>
@@ Zeile 66: / Zeile 66: @@
     <h3>Hintergrundfarbe wird auf "lightblue" geändert</h3>
     <!-- JS-Code wird direkt aus der Datei geholt und im body verarbeitet -->
-    <script src="scripts/script.js" ></script>
+    <script src="scripts/LU01b_bsp3.js" ></script>
   </body>
 </html>
@@ Zeile 72: / Zeile 72: @@
 </code>
-**Script.js**
+**JS-Datei: LU01b_bsp3.js**
 <code javascript>