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;