fixed

index.html

@@ -11,9 +11,15 @@
     <div id="spielRaum">
         <div id="rechnungen" class="flexbox">
 
-            <div id="rechnung1"><img src="pics/RechenBlockRot.png" alt="">*5</div>
+            <div id="rechnung1">
+                <img src="pics/RechenBlockRot.png" alt="">
+                <div id="rechnung1Text">*5</div>
+            </div>
             
-            <div id="rechnung2"><img src="pics/RechenBlockBlau.png" alt="">+5</div>
+            <div id="rechnung2">
+                <img src="pics/RechenBlockBlau.png" alt="">
+                <div id="rechnung2Text">+5</div>
+            </div>
 
         </div>
         <div id="tom">

js/Kevin.js

@@ -2,8 +2,10 @@ const rechnungen = document.querySelector("#rechnungen");
 let rechnungenTop = 1;
 
 const rechenzeichen = ['+','-','*',':'];
-const rechnung1Text = document.querySelector("#rechnung1");
-const rechnung2Text = document.querySelector("#rechnung2");
+const rechnung1Text = document.querySelector("#rechnung1Text");
+const rechnung2Text = document.querySelector("#rechnung2Text");
+
+//rechnung2Text.innerText = "hallo";
 
 rechnungen.style.top = rechnungenTop + "px";
 function rechnungMoven(speed){
@@ -18,12 +20,12 @@ function rechnungMoven(speed){
     }
 }
 function rechnungenSpawn(){
-    let index = Math.random()*rechenzeichen.length;
-    let randomZahl = Math.random()*20;
-    rechnung1Text.innerText = rechenzeichen[index] + randomZahl;
-    index = Math.random()*rechenzeichen.length;
-    randomZahl = Math.random()*20;
-    rechnung2Text.innerText = rechenzeichen[index] + randomZahl;
+    let index = Math.floor(Math.random()*rechenzeichen.length);
+    let randomZahl = Math.floor(Math.random()*20);
+    rechnung1Text.innerText = rechenzeichen[index] + randomZahl.toString();
+    index = Math.floor(Math.random()*rechenzeichen.length);
+    randomZahl = Math.floor(Math.random()*20);
+    rechnung2Text.innerText = rechenzeichen[index] + randomZahl.toString();
 }
 setInterval(()=>{
     rechnungMoven(1);