Begruessung nach Tageszeit

index.html

@@ -34,7 +34,9 @@
 </header>
 
 <main>
- <!-- Your page content goes here -->
+    <!-- Begrüßung -->
+    <p id="begruessung"></p>
+
     <p>Welcome to the page!</p>
 </main>
 
@@ -42,6 +44,7 @@
     <p>&copy; 2026 – EIS Learning Project</p>
 </footer>
 
+<!-- Dark Mode Script -->
 <script>
   const toggle = document.getElementById('dark-mode-toggle');
   toggle.addEventListener('click', () => {
@@ -49,6 +52,8 @@
   });
 </script>
 
+<!-- Deine externe script.js -->
+<script src="js/script.js"></script>
+
 </body>
 </html>
-

js/script.js

@@ -65,3 +65,16 @@ document.querySelectorAll('.gallery img').forEach(img => {
     document.body.appendChild(overlay);
   });
 });
+// Begruessung nach Tageszeit
+const stunde = new Date().getHours();
+let text;
+
+if (stunde < 10) {
+  text = "Guten Morgen!";
+} else if (stunde < 18) {
+  text = "Hallo, schön dass du da bist!";
+} else {
+  text = "Guten Abend!";
+}
+
+document.getElementById("begruessung").textContent = text;