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 => {
|
||||
const day = door.dataset.day;
|
||||
|
||||
door.addEventListener("click", () => {
|
||||
const isOpen = door.classList.contains("open");
|
||||
const isDouble = door.classList.contains("double");
|
||||
const isSpecialDouble = isDouble && (day === "6" || day === "24");
|
||||
const day = door.dataset.day;
|
||||
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
|
||||
|
||||
if (isSpecialDouble) {
|
||||
if (!isOpen) {
|
||||
door.classList.add("open"); // beide Flügel öffnen sich per CSS
|
||||
console.log(`Doppeltür ${day} geöffnet`);
|
||||
// TODO: hier später Popup starten
|
||||
if (door.classList.contains("double")) {
|
||||
if (!door.classList.contains("open")) {
|
||||
door.classList.add("open");
|
||||
door.querySelector(".fluegel.left")?.classList.add("open");
|
||||
door.querySelector(".fluegel.right")?.classList.add("open");
|
||||
} else {
|
||||
console.log(`Doppeltür ${day} wurde erneut geöffnet`);
|
||||
// TODO: hier später erneut Popup anzeigen
|
||||
console.log(`Doppeltür ${day} erneut geöffnet`);
|
||||
}
|
||||
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
|
||||
if (!door.classList.contains("open")) {
|
||||
door.classList.add("open");
|
||||
} else {
|
||||
console.log(`Tür ${day} wurde erneut geöffnet`);
|
||||
// TODO: hier später erneut Popup anzeigen
|
||||
console.log(`Tür ${day} erneut geöffnet`);
|
||||
}
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user