67 lines
2 KiB
JavaScript
67 lines
2 KiB
JavaScript
// 1. Eine freundliche Nachricht in der Browser-Konsole
|
|
console.log("Willkommen auf der Webseite von Lena!");
|
|
console.log("Das JavaScript wurde erfolgreich geladen.");
|
|
|
|
// 2. Interaktion für das Kontaktformular
|
|
// Wir warten, bis das Dokument geladen ist
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
const contactForm = document.getElementById('contactForm');
|
|
const feedback = document.getElementById('formFeedback');
|
|
|
|
// Prüfen, ob wir uns gerade auf der Kontakt-Seite befinden
|
|
if (contactForm) {
|
|
contactForm.addEventListener('submit', function(event) {
|
|
// Verhindert, dass die Seite neu lädt
|
|
event.preventDefault();
|
|
|
|
// Formular verstecken und Feedback zeigen
|
|
contactForm.style.display = 'none';
|
|
feedback.style.display = 'block';
|
|
|
|
// Kleiner Gruß in der Konsole
|
|
console.log("Formular wurde abgeschickt!");
|
|
});
|
|
}
|
|
});
|
|
|
|
document.querySelectorAll('.galerie img').forEach(img => {
|
|
img.addEventListener('click', () => {
|
|
const overlay = document.createElement('div');
|
|
overlay.style.cssText =
|
|
'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' +
|
|
'align-items:center;justify-content:center;cursor:pointer;z-index:999';
|
|
const big = document.createElement('img');
|
|
big.src = img.src;
|
|
big.style.maxWidth = '90vw';
|
|
big.style.maxHeight = '90vh';
|
|
overlay.appendChild(big);
|
|
overlay.addEventListener('click', () => overlay.remove());
|
|
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;
|
|
|
|
const el = document.getElementById("begruessung");
|
|
el.textContent = text;
|
|
|
|
if (stunde < 10) {
|
|
el.classList.add("morgen");
|
|
} else if (stunde < 18) {
|
|
el.classList.add("tag");
|
|
} else {
|
|
el.classList.add("abend");
|
|
}
|
|
|