From 7167d275b64302ad5733dad21a1eab8d9acf9448 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Thu, 18 Jul 2024 23:59:08 +0200
Subject: [PATCH] feat: put out descriptive message if everything okay

---
 src/index.html | 96 +++++++++++++++++++++++++++++---------------------
 1 file changed, 55 insertions(+), 41 deletions(-)

diff --git a/src/index.html b/src/index.html
index 67dd71d..08b5e05 100644
--- a/src/index.html
+++ b/src/index.html
@@ -32,58 +32,72 @@
         </div>
     </div>
 
-<script>
+    <script>
 
-    var labelNumRats = document.getElementById("labelNumRats");
+        var labelNumRats = document.getElementById("labelNumRats");
 
-    var ratSlider = document.getElementById("numRats");
+        var ratSlider = document.getElementById("numRats");
 
-    labelNumRats.innerHTML = `Anzahl an Ratten: ` + ratSlider.value;
+        labelNumRats.innerHTML = `Anzahl an Ratten: ` + ratSlider.value;
 
-    ratSlider.oninput = function () {
-        labelNumRats.innerHTML = `Anzahl an Ratten: ` + this.value;
-        update();
-    }
-
-    // Full floor functions
-    var fullFloorNum = document.getElementById("numFullFloors");
-
-
-    var savicSuiteRoyaleDim = new Dimensions(1, 0.5, 1);
-
-    function update() {
-        var failed_checks = cageCheck(savicSuiteRoyaleDim, ratSlider.value, fullFloorNum.value);
-        var resultsDiv = document.getElementById("resultsDiv");
-        resultsDiv.innerHTML = `<strong>Ergebnis</strong>`;
-
-        const ul = document.createElement('ul');
-        for (const key in failed_checks) {
-            const li = document.createElement('li');
-            li.textContent = failed_checks[key];
-            ul.appendChild(li);
+        ratSlider.oninput = function () {
+            labelNumRats.innerHTML = `Anzahl an Ratten: ` + this.value;
+            update();
         }
 
-        resultsDiv.appendChild(ul);
-    }
+        // Full floor functions
+        var fullFloorNum = document.getElementById("numFullFloors");
 
 
-    function decreaseFloorNum() {
-        var input = document.getElementById('numFullFloors');
-        var value = parseInt(input.value);
-        if (value > 0) {
-            input.value = value - 1;
+        var savicSuiteRoyaleDim = new Dimensions(1, 0.5, 1);
+
+        function getResultFromChecks(checks) {
+            console.log(checks.length)
+            if (Object.keys(checks).length > 0) {
+                const ul = document.createElement('ul');
+                for (const key in checks) {
+                    const li = document.createElement('li');
+                    li.textContent = `❌` + checks[key];
+                    ul.appendChild(li);
+                }
+                return ul;
+            } else {
+                const p = document.createElement('p');
+                p.innerHTML = "✅ Der Käfig erfüllt alle Kriterien!"
+                return p;
+            }
+
+        }
+
+        function update() {
+            var failed_checks = cageCheck(savicSuiteRoyaleDim, ratSlider.value, fullFloorNum.value);
+            var resultsDiv = document.getElementById("resultsDiv");
+            resultsDiv.innerHTML = `<strong>Ergebnis</strong>`;
+
+            const result = getResultFromChecks(failed_checks);
+
+            resultsDiv.appendChild(result);
+        }
+
+
+        function decreaseFloorNum() {
+            var input = document.getElementById('numFullFloors');
+            var value = parseInt(input.value);
+            if (value > 0) {
+                input.value = value - 1;
+            }
+            update();
+        }
+
+        function increaseFloorNum() {
+            var input = document.getElementById('numFullFloors');
+            var value = parseInt(input.value);
+            input.value = value + 1;
+            update();
         }
-        update();
-    }
 
-    function increaseFloorNum() {
-        var input = document.getElementById('numFullFloors');
-        var value = parseInt(input.value);
-        input.value = value + 1;
         update();
-    }
-    update();
-</script>
+    </script>
 
 </body>
 </html>
\ No newline at end of file