const rechnungen = document.querySelector("#rechnungen");
let rechnungenTop = 1;

const rechenzeichen = ['+','-','*',':'];
const rechnung1Text = document.querySelector("#rechnung1Text");
const rechnung2Text = document.querySelector("#rechnung2Text");


//RechnungenSpawn Parameter
const maxZahl = 100;
const maxMal = 11;
const maxDurch = 5;


//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 > 800){
        rechnungen.style.top = "1px";
        rechnungenTop = 1;
        rechnungenSpawn(maxZahl,maxMal,maxDurch);
    }else{
        rechnungenTop = nextTop;
    }
}
function rechnungenSpawn(maxzahl,maxMal,maxDurch){
    let index = Math.floor(Math.random()*rechenzeichen.length);
    let randomZahl = 0;
    if(rechenzeichen[index] == '+' || rechenzeichen[index] == '-'){
        randomZahl = Math.floor(Math.random()*maxzahl);
    }
    if(rechenzeichen[index] == '*'){
        randomZahl = Math.floor(Math.random()*maxMal);
    }
    if(rechenzeichen[index] == ':'){
        randomZahl = Math.floor(Math.random()*maxDurch) + 1;
    }
    rechnung1Text.innerText = rechenzeichen[index] + randomZahl.toString();

    index = Math.floor(Math.random()*rechenzeichen.length);
    if(rechenzeichen[index] == '+' || rechenzeichen[index] == '-'){
        randomZahl = Math.floor(Math.random()*maxzahl);
    }
    if(rechenzeichen[index] == '*'){
        randomZahl = Math.floor(Math.random()*maxMal);
    }
    if(rechenzeichen[index] == ':'){
        randomZahl = Math.floor(Math.random()*maxDurch) + 1;
    }
    rechnung2Text.innerText = rechenzeichen[index] + randomZahl.toString();
}
setInterval(()=>{
    rechnungMoven(0.2);
}, 10);