const divRegnestykke = document.getElementById("divRegnestykke");
const txtPoeng = document.getElementById("txtPoeng");
const inpSvar = document.getElementById("inpSvar");

let fasit = 0;
let poeng = 0;

const gameOver = () => {
    console.log("Spillet er over");
    inpSvar.disabled = true;
    inpSvar.style.backgroundColor = "pink";
}

const lagRegnestykke = () => {
    const tall1 = Math.ceil(Math.random() * 9);
    const tall2 = Math.ceil(Math.random() * 9);
    fasit = tall1 * tall2;
    divRegnestykke.innerHTML = `${tall1} · ${tall2}`;
    
}

const startAnimasjon = () => {
    divRegnestykke.className = "faller";
}

divRegnestykke.addEventListener("animationend", gameOver);

inpSvar.oninput = () => {
    const svar = Number(inpSvar.value);
    if(svar === fasit) {
        divRegnestykke.className = "";
        setTimeout(startAnimasjon, 50);   
        lagRegnestykke(); 
        inpSvar.value = ""; 
        poeng++;
        txtPoeng.innerHTML = poeng;
    }
    
}

lagRegnestykke();