test

README.md

@@ -1,7 +1,52 @@
-# Hasen-Simulator
+#  Hasen-Simulator – Tierpark Naturo
-Herr Richtigmacher möchte den Besuchern der Website nahe bringen, mit was für einer Geschwindigkeit sich Hasen vermehren.  
+
+##  Projektbeschreibung
+
+Dieses Projekt ist eine Unterseite der Zoo-Website *Tierpark Naturo*.  
+Hier wird ein **Hasen-Simulator** dargestellt, mit dem Besucher spielerisch sehen können, wie schnell sich Hasen vermehren.
+
+Die Vermehrung basiert auf den bekannten **Fibonacci-Zahlen**:
+
+> 1, 1, 2, 3, 5, 8, 13, …
+
+Durch das Klicken auf einen Button erhöht sich der Monat, und die Website zeigt automatisch die entsprechende Anzahl an Hasen-Paaren.
+
+Dieses Projekt wurde im Rahmen einer Gruppenarbeit entwickelt.
+
+---
+
+##  Funktionen des Hasen-Simulators
+
+-  **Monat erhöhen** per Button  
+-  **Anzeige des aktuellen Monats**  
+-  **Dynamische Darstellung der Hasen-Paare**  
+-  **Berechnung über die Fibonacci-Folge**  
+-  **Stop bei maximaler Monat-Anzahl (10 Monate)**  
+
+---
+
+##  Projektstruktur
+
+---
+
+##  Technologien
+
+- **HTML5**  
+- **CSS3**  
+- **JavaScript (Vanilla JS)**  
+
+Keine Frameworks, keine Bibliotheken → komplett eigenständig.
+
+---
+
+##  JavaScript – Funktionsübersicht
+
+- `fibonacci(n)` → Berechnet die Fibonacci-Folge bis zum n-ten Monat.  
+- `zeigeMonat()` → Aktualisiert die Monatsanzeige im DOM.  
+- `zeigeHasen()` → Rendert die Hasen-Paare im Container.  
+- `naechsterMonat()` → Erhöht den Monat und aktualisiert Anzeige und Hasen.
+
+---
 
-Hasen vermehren sich (vereinfacht) mit den sogenannten Fibonacci Zahlen von Monat zu Monat: 1Paar, 1 Paar, 2Paare, 3 Paare, 5 Paare, 8 Paare, 13 Paare … usw.  
 
-Der Benutzer soll auf einen Button klicken können. Dadurch wird immer der Monat erhöht. Der Monat wird angezeigt. Außerdem werden auf der Website immer entsprechend viele Hasen-Paare gezeigt. 
 

script.js

@@ -17,3 +17,43 @@ 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 = "img/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();