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");

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++;
});