30 lines
958 B
JavaScript
30 lines
958 B
JavaScript
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); |