adventskalender/shared/js/door-open.js aktualisiert
This commit is contained in:
@@ -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
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
Reference in New Issue
Block a user