diff --git a/js/leistungen.js b/js/leistungen.js index eeb8360..091f651 100644 --- a/js/leistungen.js +++ b/js/leistungen.js @@ -110,25 +110,19 @@ document.addEventListener("DOMContentLoaded", async () => { body.appendChild(liste); - // 6. Button - const button = document.createElement("button"); - button.classList.add("paket-karte__cta"); - button.type = "button"; - button.textContent = "Paket wählen"; - button.dataset.paket = paket.dataPaket; - button.setAttribute("aria-pressed", "false"); + // 6. Button – Link zur Paketseite + const paketLinkMap = { + "starter": "html/paket-starter.html", + "standard": "html/paket-standard.html", + "premium": "html/paket-premium.html" + }; - button.addEventListener("click", () => { - grid.querySelectorAll(".paket-karte").forEach(andereKarte => { - andereKarte.classList.remove("paket-karte--ausgewaehlt"); - andereKarte.querySelector("button").setAttribute("aria-pressed", "false"); - }); - karte.classList.add("paket-karte--ausgewaehlt"); - button.setAttribute("aria-pressed", "true"); - document.dispatchEvent(new CustomEvent("paket:ausgewaehlt", { - detail: { paket: button.dataset.paket } - })); - }); + const paketLink = paketLinkMap[paket.dataPaket] || "#"; + const button = document.createElement("a"); + button.classList.add("paket-karte__cta"); + button.href = paketLink; + button.textContent = "Paket ansehen"; + button.setAttribute("role", "button"); body.appendChild(button); karte.appendChild(body); diff --git a/json/pakete.json b/json/pakete.json index 0be9231..5bdfd51 100644 --- a/json/pakete.json +++ b/json/pakete.json @@ -17,7 +17,7 @@ ], "badge": null, "empfohlen": false, - "dataPaket": "Starter" + "dataPaket": "starter" }, { "name": "STANDARD", @@ -33,7 +33,7 @@ ], "badge": "Beliebteste Wahl", "empfohlen": true, - "dataPaket": "STANDARD" + "dataPaket": "standard" }, { "name": "PREMIUM", @@ -49,7 +49,7 @@ ], "badge": null, "empfohlen": false, - "dataPaket": "PREMIUM" + "dataPaket": "premium" } ] } \ No newline at end of file