Begruessung nach Tageszeit
This commit is contained in:
parent
bc084a5b8a
commit
9cf614bd5c
2 changed files with 20 additions and 2 deletions
|
|
@ -34,7 +34,9 @@
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<!-- Your page content goes here -->
|
<!-- Begrüßung -->
|
||||||
|
<p id="begruessung"></p>
|
||||||
|
|
||||||
<p>Welcome to the page!</p>
|
<p>Welcome to the page!</p>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
@ -42,6 +44,7 @@
|
||||||
<p>© 2026 – EIS Learning Project</p>
|
<p>© 2026 – EIS Learning Project</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<!-- Dark Mode Script -->
|
||||||
<script>
|
<script>
|
||||||
const toggle = document.getElementById('dark-mode-toggle');
|
const toggle = document.getElementById('dark-mode-toggle');
|
||||||
toggle.addEventListener('click', () => {
|
toggle.addEventListener('click', () => {
|
||||||
|
|
@ -49,6 +52,8 @@
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- Deine externe script.js -->
|
||||||
|
<script src="js/script.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
13
js/script.js
13
js/script.js
|
|
@ -65,3 +65,16 @@ document.querySelectorAll('.gallery img').forEach(img => {
|
||||||
document.body.appendChild(overlay);
|
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;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue