diff --git a/css/layout.css b/css/layout.css index 881106d..68cdddc 100644 --- a/css/layout.css +++ b/css/layout.css @@ -19,6 +19,10 @@ body{ #tom{ position: fixed; } +#fuchs { + position: fixed; + bottom: 1px; +} #fuchs img{ width: 200px; position: relative; @@ -36,10 +40,10 @@ body{ flex-direction: row; } #rechnungen{ - padding: 25px; + padding: 0px; justify-content: space-between; position: relative; - top: 100px; + top: 1px; } #rechnung1, #rechnung2 { width: 20%; diff --git a/index.html b/index.html index ffccab9..36bd7af 100644 --- a/index.html +++ b/index.html @@ -29,6 +29,7 @@ + diff --git a/js/Kevin.js b/js/Kevin.js index e69de29..0a1735e 100644 --- a/js/Kevin.js +++ b/js/Kevin.js @@ -0,0 +1,30 @@ +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); \ No newline at end of file diff --git a/js/funktionen.js b/js/funktionen.js index c9bbd6c..3bb750b 100644 --- a/js/funktionen.js +++ b/js/funktionen.js @@ -16,7 +16,7 @@ function addToScore(currentScore,zahl,rechenOperator){ if(rechenOperator == "Mal"){ ergebnis = currentScore * zahl; } - if(rechenOperator == "geteilt"){ + if(rechenOperator == "Geteilt"){ ergebnis = currentScore / zahl; } return ergebnis;