adventskalender/shared/js/door-open.js aktualisiert
This commit is contained in:
@@ -1,21 +1,31 @@
|
|||||||
// Türchen-Interaktion: Öffnen & später Popup
|
// Türchen-Interaktion: Öffnen & später Popup
|
||||||
document.querySelectorAll(".door").forEach(door => {
|
document.querySelectorAll(".door").forEach(door => {
|
||||||
|
const day = door.dataset.day;
|
||||||
|
|
||||||
// Klick auf Türchen
|
|
||||||
door.addEventListener("click", () => {
|
door.addEventListener("click", () => {
|
||||||
|
const isOpen = door.classList.contains("open");
|
||||||
|
const isDouble = door.classList.contains("double");
|
||||||
|
const isSpecialDouble = isDouble && (day === "6" || day === "24");
|
||||||
|
|
||||||
// Doppeltüren (6 & 24) überspringen – eigene Logik folgt später
|
if (isSpecialDouble) {
|
||||||
if (door.classList.contains("double")) return;
|
if (!isOpen) {
|
||||||
|
door.classList.add("open"); // beide Flügel öffnen sich per CSS
|
||||||
// Wenn Tür noch geschlossen ist
|
console.log(`Doppeltür ${day} geöffnet`);
|
||||||
if (!door.classList.contains("open")) {
|
// TODO: hier später Popup starten
|
||||||
door.classList.add("open"); // öffnet das Türchen per CSS
|
|
||||||
// später: hier Popup öffnen
|
|
||||||
} else {
|
} else {
|
||||||
// Wenn bereits offen – Popup (später)
|
console.log(`Doppeltür ${day} wurde erneut geöffnet`);
|
||||||
console.log(`Tür ${door.dataset.day} wurde erneut geöffnet`);
|
// TODO: hier später erneut Popup anzeigen
|
||||||
|
}
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (!isOpen) {
|
||||||
|
door.classList.add("open"); // einfache Tür öffnet sich
|
||||||
|
console.log(`Tür ${day} geöffnet`);
|
||||||
|
// TODO: hier später Popup starten
|
||||||
|
} else {
|
||||||
|
console.log(`Tür ${day} wurde erneut geöffnet`);
|
||||||
|
// TODO: hier später erneut Popup anzeigen
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
Reference in New Issue
Block a user