refactor: formatting

src/index.html

@@ -86,73 +86,73 @@
         <div class="container output-element" id="resultsDiv">
         </div>
     </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;
-
-        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 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();
-        }
+    labelNumRats.innerHTML = `Anzahl an Ratten: ` + ratSlider.value;
 
+    ratSlider.oninput = function () {
+        labelNumRats.innerHTML = `Anzahl an Ratten: ` + this.value;
         update();
-    </script>
+    }
+
+    // Full floor functions
+    var fullFloorNum = document.getElementById("numFullFloors");
+
+
+    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();
+</script>
 
 </body>
 </html>