Einbinden Text Tageszeit + Js Anpassung an Uhrzeit
This commit is contained in:
parent
7730edddee
commit
e1527828ac
2 changed files with 18 additions and 1 deletions
|
|
@ -19,6 +19,8 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p id="begruessung"></p>
|
||||
|
||||
<header>
|
||||
<nav>
|
||||
<a href="index.html">Start</a>
|
||||
|
|
|
|||
17
js/script.js
17
js/script.js
|
|
@ -102,4 +102,19 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||
themeButton.textContent = "☀️ Light Mode";
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// 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