adventskalender/2025/js/popup.js aktualisiert

adventskalender/2025/js/popup.js

@@ -61,14 +61,14 @@ window.openPopup = openPopup;
 
 
 // ============================================================
-// Ergänzung: Gesperrte Türchen – Popup mit Zufallsspruch
+// Ergänzung: Gesperrte Türchen – Popup mit Zufallsspruch + Zeitangabe
 // ============================================================
 
 window.showLockedPopup = function (day) {
   const sprueche = [
     "🎁 Na na na, hier wird nicht geschummelt!",
     "❄️ Geduld ist auch eine Form von Magie.",
-    "🎅 Ho ho ho – zu früh! Versuch’s später nochmal.",
+    "🎅 Ho ho ho – zu früh! Versuch es später nochmal.",
     "⏳ Die Tür klemmt noch – vielleicht morgen?",
     "🍪 Kein Plätzchen für Ungeduldige!",
     "🎄 Schön, dass du neugierig bist – aber noch ist Geheimniszeit!",
@@ -79,9 +79,19 @@ window.showLockedPopup = function (day) {
 
   const zufall = sprueche[Math.floor(Math.random() * sprueche.length)];
 
+  // Zeitpunkt berechnen
+  const yearMatch = document.title.match(/\d{4}/);
+  const year = yearMatch ? parseInt(yearMatch[0], 10) : new Date().getFullYear();
+  const unlockDate = new Date(year, 11, parseInt(day, 10), 0, 0, 0); // 11 = Dezember
+
+  // hübsches deutsches Datum
+  const options = { day: "2-digit", month: "long", year: "numeric", hour: "2-digit", minute: "2-digit" };
+  const dateText = unlockDate.toLocaleString("de-DE", options).replace(" um", ",");
+
   popupContent.innerHTML = `
     <h2>Türchen ${day} ist noch geschlossen</h2>
     <p>${zufall}</p>
+    <p style="margin-top: 10px; opacity: 0.8;">🔓 Öffnet sich am <strong>${dateText}</strong></p>
   `;
 
   popupOverlay.classList.add("active");