From 9427852793d34e864d2a1874cfa33d1a04e7a8ee Mon Sep 17 00:00:00 2001 From: Omar taky Date: Wed, 3 Dec 2025 10:16:12 +0100 Subject: [PATCH] js Weitermachen --- script.js | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/script.js b/script.js index 3f33271..fe18a60 100644 --- a/script.js +++ b/script.js @@ -17,3 +17,41 @@ console.log("Hasen-Paare pro Monat:"); hasenPaare.forEach((paare, index) => { console.log(`Monat ${index + 1}: ${paare} Paar(e)`); }); + + +let aktuellerMonat = 1; + +function zeigeMonat() { + document.getElementById("monat").textContent = aktuellerMonat; +} + +function zeigeHasen() { + const container = document.getElementById("hasenContainer"); + container.innerHTML = ""; + + const anzahlPaare = hasenPaare[aktuellerMonat - 1]; + + for (let i = 0; i < anzahlPaare; i++) { + const hase = document.createElement("img"); + hase.src = "hase.png"; + hase.alt = "Hasen-Paar"; + hase.classList.add("hase"); + + container.appendChild(hase); + } +} + +function naechsterMonat() { + if (aktuellerMonat < monate) { + aktuellerMonat++; + zeigeMonat(); + zeigeHasen(); + } else { + alert("Maximale Anzahl an Monaten erreicht!"); + } +} + +document.getElementById("nextMonthBtn").addEventListener("click", naechsterMonat); + +zeigeMonat(); +zeigeHasen();