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

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

rechnungen.style.top = rechnungenTop + "px";
function rechnungMoven(speed){
    let nextTop = rechnungenTop + 10 * speed;
    rechnungen.style.top = nextTop + "px";
    if(nextTop > 800){
        rechnungen.style.top = "1px";
        rechnungenTop = 1;
        rechnungenSpawn();
    }else{
        rechnungenTop = nextTop;
    }
}
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;
}
setInterval(()=>{
    rechnungMoven(1);
}, 100);