Familienangebote im August

javascript function renderDay(cell, day, data) {

   cell.innerHTML = `

${day}

           Was:

           ${data.was || "-"}

           Wann:

           ${data.wann || "-"}

           Zielgruppe:

           ${data.zielgruppe || "-"}

           Wo:

           ${data.wo || "-"}

           Anmeldung:

           ${data.anmeldung || "-"}

           Link:

           ${
               data.link
               ? `<a href="${data.link}" target="_blank">öffnen</a>`
               : "-"
           }

   `;

}

// Tage erzeugen for(let day = 1; day <= 31; day++) {

   const cell = document.createElement("div");
   cell.className = "day";

   const key = "august2026_" + day;

   const savedData = JSON.parse(
       localStorage.getItem(key) || "{}"
   );

   renderDay(cell, day, savedData);

   cell.addEventListener("click", () => {

       const data = JSON.parse(
           localStorage.getItem(key) || "{}"
       );

       const was = prompt("Was?", data.was || "");
       if (was === null) return;

       const wann = prompt("Wann?", data.wann || "");
       if (wann === null) return;

       const zielgruppe = prompt(
           "Zielgruppe?",
           data.zielgruppe || ""
       );
       if (zielgruppe === null) return;

       const wo = prompt(
           "Wo?",
           data.wo || ""
       );
       if (wo === null) return;

       const anmeldung = prompt(
           "Anmeldung?",
           data.anmeldung || ""
       );
       if (anmeldung === null) return;

       const link = prompt(
           "Link?",
           data.link || ""
       );
       if (link === null) return;

       const newData = {
           was,
           wann,
           zielgruppe,
           wo,
           anmeldung,
           link
       };

       localStorage.setItem(
           key,
           JSON.stringify(newData)
       );

       renderDay(cell, day, newData);
   });

   calendar.appendChild(cell);

}