28 lines
1.0 KiB
JavaScript
28 lines
1.0 KiB
JavaScript
// US-01-02 Leistungsübersicht
|
|
// Markiert das gewählte Paket visuell und stellt die Auswahl bereit,
|
|
// damit US-01-03 (Pakete online buchen) später darauf aufbauen kann.
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const karten = document.querySelectorAll(".paket-karte");
|
|
|
|
karten.forEach((karte) => {
|
|
const button = karte.querySelector(".paket-karte__cta");
|
|
if (!button) return;
|
|
|
|
button.addEventListener("click", () => {
|
|
karten.forEach((k) => k.classList.remove("paket-karte--ausgewaehlt"));
|
|
karte.classList.add("paket-karte--ausgewaehlt");
|
|
|
|
const paketName = button.dataset.paket;
|
|
|
|
// Andere Skripte (z. B. die Buchungsstrecke aus US-01-03)
|
|
// können auf dieses Event hören, statt den DOM abzufragen.
|
|
document.dispatchEvent(
|
|
new CustomEvent("paket:ausgewaehlt", { detail: { paket: paketName } })
|
|
);
|
|
|
|
console.log(`Paket "${paketName}" ausgewählt.`);
|
|
});
|
|
});
|
|
});
|