Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu01:loesungen:05 [2025/08/25 13:09] – [Browserausgabe] vdemir
+++ de:modul:m288:learningunits:lu01:loesungen:05 [2026/08/27 13:41] (aktuell) – vdemir
@@ Zeile 2: / Zeile 2: @@
 ===== Vorarbeiten =====
-  - Legen Sie eine Kopie der Datei //LU01_A03.html// an und nennen Sie diese //LU01._A05.html//.
+  - Legen Sie eine Kopie der Datei //LU01_A03.html// an und nennen Sie diese //LU01_A05.html//.
   - Legen Sie ein Verzeichnis //scripts// für die zukünftigen JS-Scripte an.
   - Legen Sie in dem Verzeichnis //scritps// eine Datei //LU05_A05.js// an.
@@ Zeile 16: / Zeile 16: @@
   - Als separate Datei: Ausgabe der Hobbies (Button 3, muss noch angelegt werden)
-===== Quellcode LU01_A05.html =====
+===== Quellcode LU01_L05.html =====
-{{:modul:m288:learningunits:lu01:loesungen:lu01_a05_3.jpg?600| Quellcode der HTML-Datei LU01_A05.html}}
-===== Quellcode LU01_A05.js =====
+<code html>
-{{:modul:m288:learningunits:lu01:loesungen:lu01_a05_4.jpg?600| Quellcode der HTML-Datei LU01_A05.html}}
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="js/LU01_L05.js" defer></script>
+  </head>
+<body>
+<h1>LU01.L05 - My Third JavaScript - Different linking of JS in HTML</h1>
+<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">
+  V1 direkt beim HTML-Tag: Datums
+</button>
+<p id="demo"></p>
+<button type="button" onclick="version2()">
+  V2 - separaten Script-Tag: Ausgabe Namen
+</button>
+<h2 id="demo2"></h2>
+<button type="button" onclick="version3()">
+  V3 - separate Datei: Ausgabe der Hobbies
+</button>
+<h2 id="demo3"></h2>
+  <script>
+      function version2() {
+          document.getElementById('demo2').innerHTML = 'Volkan Demir';
+      }
+  </script>
+</body>
+</html>
+</code>
+===== Quellcode LU01_L05.js =====
+**Hinweis:** Achten Sie darauf, dass das JS-File mit der korrekten Pfadangabe im HTML eingebunden ist
+<code javascript>
+function version3() {
+          document.getElementById('demo3').innerHTML = 'Meine Hobbies sind: Fotografieren, Reisen und Wandern';
+ }
+</code>
 ===== Browserausgabe =====