clean

js/rechnungen.js

@@ -1,5 +1,14 @@
 const rechnungen = document.querySelector("#rechnungen");
-let rechnungenTop = 1;
+
+//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;
 
 const rechenzeichen = ['+','-','*',':'];
 const rechnung1Text = document.querySelector("#rechnung1Text");
@@ -13,18 +22,14 @@ const maxDurch = 5;
 
 const fuchsZahl = document.querySelector("#fuchsZahl");
 
-
-
-//rechnung2Text.innerText = "hallo";
-
-rechnungen.style.top = rechnungenTop + "px";
 rechnungenSpawn(maxZahl,maxMal,maxDurch);
-function rechnungMoven(speed){
+
+function rechnungMoven(speed,maxtiefe){
     let nextTop = rechnungenTop + 10 * speed;
     rechnungen.style.top = nextTop + "px";
-    if(nextTop > 800){
+    if(nextTop > maxtiefe){
-        rechnungen.style.top = "1px";
+        rechnungen.style.top = rechnungenTopStart + "px";
-        rechnungenTop = 1;
+        rechnungenTop = rechnungenTopStart;
         rechnungenSpawn(maxZahl,maxMal,maxDurch);
     }else{
         rechnungenTop = nextTop;
@@ -72,5 +77,5 @@ function ergebnis(zahl1,zahl2,rechenzeichen){
     return 0;
 }
 setInterval(()=>{
-    rechnungMoven(0.2);
+    rechnungMoven(speedRechnungen,maxTiefeRechunngen);
 }, 10);