trans: fix various translation issues in active components

src/index.js

@@ -52,7 +52,8 @@ function bindLocaleSwitcher(initialValue) {
     switcher.onchange = (e) => {
         i18next
             .changeLanguage(e.target.value)
-            .then(translatePageElements);
+            .then(translatePageElements)
+            .then(update);
     };
 }
 
@@ -229,10 +230,7 @@ var labelNumRats = document.getElementById("labelNumRats");
 
 var ratSlider = document.getElementById("numRats");
 
-labelNumRats.innerHTML = `Anzahl an Ratten: ` + ratSlider.value;
-
 ratSlider.oninput = function () {
-    labelNumRats.innerHTML = `Anzahl an Ratten: ` + this.value;
     update();
 }
 
@@ -274,6 +272,8 @@ function updateViaManualMeasurements() {
 }
 
 function update() {
+    labelNumRats.innerHTML = i18next.t("cage-for-x-rats", {"num_rats": ratSlider.value});
+
     const width = inputWidth.value
     const depth = inputDepth.value
     const height = inputHeight.value