diff --git a/js/rechnungen.js b/js/rechnungen.js index 9d32595..13437f8 100644 --- a/js/rechnungen.js +++ b/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){ - rechnungen.style.top = "1px"; - rechnungenTop = 1; + if(nextTop > maxtiefe){ + rechnungen.style.top = rechnungenTopStart + "px"; + 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); \ No newline at end of file