feat: put out descriptive message if everything okay

src/index.html

@@ -32,7 +32,7 @@
         </div>
     </div>
 
-<script>
+    <script>
 
         var labelNumRats = document.getElementById("labelNumRats");
 
@@ -51,19 +51,32 @@
 
         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 ul = document.createElement('ul');
+            const result = getResultFromChecks(failed_checks);
-        for (const key in failed_checks) {
-            const li = document.createElement('li');
-            li.textContent = failed_checks[key];
-            ul.appendChild(li);
-        }
 
-        resultsDiv.appendChild(ul);
+            resultsDiv.appendChild(result);
         }
 
 
@@ -82,8 +95,9 @@
             input.value = value + 1;
             update();
         }
+
         update();
-</script>
+    </script>
 
 </body>
 </html>