js/rechnungen.js

@@ -1,14 +1,5 @@
 const rechnungen = document.querySelector("#rechnungen");
-
-//auf welcher höhe starten die Rechnungen?
-const rechnungenTopStart = -100;
-let rechnungenTop = rechnungenTopStart;
-rechnungen.style.top = rechnungenTop + "px";
-
-//speed der Rechnungen, wie schnell sie fallen
-const speedRechnungen = 0.2;
-//maximale pixel Tiefe bis sie respawnen
-const maxTiefeRechunngen = 750;
+let rechnungenTop = 1;
 
 const rechenzeichen = ['+','-','*',':'];
 const rechnung1Text = document.querySelector("#rechnung1Text");
@@ -22,14 +13,18 @@ const maxDurch = 5;
 
 const fuchsZahl = document.querySelector("#fuchsZahl");
 
-rechnungenSpawn(maxZahl,maxMal,maxDurch);
 
-function rechnungMoven(speed,maxtiefe){
+
+//rechnung2Text.innerText = "hallo";
+
+rechnungen.style.top = rechnungenTop + "px";
+rechnungenSpawn(maxZahl,maxMal,maxDurch);
+function rechnungMoven(speed){
     let nextTop = rechnungenTop + 10 * speed;
     rechnungen.style.top = nextTop + "px";
-    if(nextTop > maxtiefe){
-        rechnungen.style.top = rechnungenTopStart + "px";
-        rechnungenTop = rechnungenTopStart;
+    if(nextTop > 800){
+        rechnungen.style.top = "1px";
+        rechnungenTop = 1;
         rechnungenSpawn(maxZahl,maxMal,maxDurch);
     }else{
         rechnungenTop = nextTop;
@@ -77,5 +72,5 @@ function ergebnis(zahl1,zahl2,rechenzeichen){
     return 0;
 }
 setInterval(()=>{
-    rechnungMoven(speedRechnungen,maxTiefeRechunngen);
+    rechnungMoven(0.2);
 }, 10);