Carina_Hirschle/eis-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Farbe nach Tageszeit

Browse source
This commit is contained in:
Carina_Hirschle 2026-06-03 15:13:22 +02:00
parent 5561295a9d
commit 4f318c78bf
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
css/style.css
View file

@ -358,4 +358,9 @@ body.dark .ergebnis-box {
body.dark .ergebnis-box p {
color: #e2e8f0;
}
}
/* Begrüßung nach Tageszeit */
.morgen { color: #d97706; }
.tag { color: #16a34a; }
.abend { color: #4338ca; }

8
js/script.js
View file

@ -47,13 +47,19 @@ document.addEventListener("DOMContentLoaded", () => {
// Begruessung nach Tageszeit
const stunde = new Date().getHours();
let text;
let klasse;
if (stunde < 10) {
text = "Guten Morgen!";
klasse = "morgen";
} else if (stunde < 18) {
text = "Hallo, schön dass du da bist!";
klasse = "tag";
} else {
text = "Guten Abend!";
klasse = "abend";
}
document.getElementById("begruessung").textContent = text;
const el = document.getElementById("begruessung");
el.textContent = text;
el.classList.add(klasse);