From d51fb299e9a2f9bbad2f456c86ebf6759120dc0e Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Thu, 18 Jul 2024 23:43:57 +0200
Subject: [PATCH] fix: label

---
 src/index.html | 47 +++++++++++++++++++++++++----------------------
 1 file changed, 25 insertions(+), 22 deletions(-)
diff --git a/src/index.html b/src/index.html
index 6709f44..a23a86a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,38 +7,42 @@
     <script src="assets/calculator.js"></script>
 </head>
 <body>
+
 <h1>Käfigrechner</h1>
+<div class="content">
+    <div class="container-form">
+        <div class="input-element">
+            <div class="slidecontainer">
+                <label for="numRats" id="labelNumRats">Anzahl an Ratten ?</label>
+                <input type="range" min="1" max="20" value="4" class="slider" id="numRats">
+            </div>
 
-<div class="slidecontainer">
-    <input type="range" min="1" max="20" value="4" class="slider" id="numRats">
-    <label for="numRats">Anzahl an Ratten
-        <div id="outputNumRats"></div>
-    </label>
-
-
-
-    <div class="ncontainer">
-        <div class="input-group">
-            <button onclick="decreaseFloorNum()">-</button>
-            <input type="text" id="numFullFloors" value="3" readonly>
-            <button onclick="increaseFloorNum()">+</button>
+            <div class="input-element">
+                <label for="numFullFloors">Vollebenen</label>
+                <div class="ncontainer">
+                    <div class="input-group">
+                        <button onclick="decreaseFloorNum()">-</button>
+                        <input type="text" id="numFullFloors" value="3" readonly>
+                        <button onclick="increaseFloorNum()">+</button>
+                    </div>
+                </div>
+            </div>
+            <div class="container" id="resultsDiv">
+            </div>
         </div>
     </div>
-    <label for="numFullFloors">Vollebenen</label>
-    <div class="container" id="resultsDiv">
-    </div>
 </div>
 
 <script>
 
-    var outputFailedChecks = document.getElementById("failedChecks");
+    var labelNumRats = document.getElementById("labelNumRats");
 
     var ratSlider = document.getElementById("numRats");
-    var outputNumRats = document.getElementById("outputNumRats");
-    outputNumRats.innerHTML = ratSlider.value;
+
+    labelNumRats.innerHTML = `Anzahl an Ratten: ` + ratSlider.value;
 
     ratSlider.oninput = function () {
-        outputNumRats.innerHTML = this.value;
+        labelNumRats.innerHTML = `Anzahl an Ratten: ` + this.value;
         update();
     }
 
@@ -51,7 +55,7 @@
     function update() {
         var failed_checks = cageCheck(savicSuiteRoyaleDim, ratSlider.value, fullFloorNum.value);
         var resultsDiv = document.getElementById("resultsDiv");
-        resultsDiv.innerHTML = `<strong>Werte</strong>: ${savicSuiteRoyaleDim.toString()} n(rats): ${ratSlider.value}, n(floors): ${fullFloorNum.value}`;
+        resultsDiv.innerHTML = `<strong>Ergebnis</strong>`;
 
         const ul = document.createElement('ul');
         for (const key in failed_checks) {
@@ -61,7 +65,6 @@
         }
 
         resultsDiv.appendChild(ul);
-        outputFailedChecks.innerHTML = failed_checks;
     }
 
 
