tutorial

js/startjs.js

@@ -1,5 +1,27 @@
-const startButton = document.querySelector("#startScreen button");
+const weiterButton = document.querySelector("#startScreen button");
+let storyAbschnitt = 0;
+let story = ["Oh Nein, Das Müllmonster ist ausgebrochen!", 
+    "Wir müssen es wieder einfangen!", 
+    "Du bist ein Fuchs und bewegst dich mit A und D",
+    "Du hast einen Zahl über deinen Kopf",
+    "Und dein Ziel ist es, diese so groß wie möglich zu machen",
+    "Laufe also durch die richtigen Rechnungen um deine Zahl zu vergrößern",
+    "Wenn du am Ende die größere Zahl als das Müllmosnter hast, gewinnst du",
+    "Viel Glück"];
+let text = document.getElementById("storyText");
+let tomAnim = ["pics/tom_1.png", "pics/tom_2.png", "pics/tom_3.png"]
+let tom = document.getElementById("tomBild");
 
-startButton.addEventListener("click", ()=>{
-    window.location.href = 'index.html';
+weiterButton.addEventListener("click", ()=>{
+    if(storyAbschnitt <= 7)
+    {
+        text.innerText = story[storyAbschnitt];
+    }
+    else
+    {
+        window.location.href = 'index.html';
+    }
+    tom.src = tomAnim[storyAbschnitt%3];
+    console.log(tomAnim[storyAbschnitt%3]);
+    storyAbschnitt++;
 });