adventskalender/shared/js/door-open.js aktualisiert

This commit is contained in:
2025-11-04 16:23:07 +00:00
parent b8adc2e76b
commit 34214bc903

View File

@@ -1,31 +1,23 @@
// Türchen-Interaktion: Öffnen & später Popup
document.querySelectorAll(".door").forEach(door => { document.querySelectorAll(".door").forEach(door => {
const day = door.dataset.day;
door.addEventListener("click", () => { door.addEventListener("click", () => {
const isOpen = door.classList.contains("open"); const day = door.dataset.day;
const isDouble = door.classList.contains("double"); const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
const isSpecialDouble = isDouble && (day === "6" || day === "24");
if (isSpecialDouble) { if (door.classList.contains("double")) {
if (!isOpen) { if (!door.classList.contains("open")) {
door.classList.add("open"); // beide Flügel öffnen sich per CSS door.classList.add("open");
console.log(`Doppeltür ${day} geöffnet`); door.querySelector(".fluegel.left")?.classList.add("open");
// TODO: hier später Popup starten door.querySelector(".fluegel.right")?.classList.add("open");
} else { } else {
console.log(`Doppeltür ${day} wurde erneut geöffnet`); console.log(`Doppeltür ${day} erneut geöffnet`);
// TODO: hier später erneut Popup anzeigen
} }
return; return;
} }
if (!isOpen) { if (!door.classList.contains("open")) {
door.classList.add("open"); // einfache Tür öffnet sich door.classList.add("open");
console.log(`Tür ${day} geöffnet`);
// TODO: hier später Popup starten
} else { } else {
console.log(`Tür ${day} wurde erneut geöffnet`); console.log(`Tür ${day} erneut geöffnet`);
// TODO: hier später erneut Popup anzeigen
} }
}); });
}); });