startit/team/oppgaver/uke4/script.js

// Model
let foodTime = 10;
let petTime = 10;
let foodElement = document.getElementById("foodId");
let petElement = document.getElementById('petId');
let frogImage = document.getElementById('tamaFrog').src = "img/default.jpg";


let foodCounter = setInterval(foodFunction, 1000);
let petCounter = setInterval(petFunction, 1000);

// View
function reset() {
    if (foodTime < 0){
        defaultImg(); 
        foodTime = 50;
        setInterval(foodFunction, 1000);
        petTime = 10;
        setInterval(petFunction, 1000);
    }
}
function foodFunction() {
    if (foodTime < 0) {
        //game over???
        document.getElementById('tamaFrog').src = "img/dead.jpg";
        clearInterval(foodCounter);
        setTimeout(afterLife, 5000);
    } else {
        foodElement.innerHTML = foodTime + " seconds remaining"
        foodTime--
        if (foodTime < 15) {
            document.getElementById('tamaFrog').src = "img/need_food.jpg";
        }
    }
}
// Controller
function feed() {
    if (foodTime > 0 && petTime > 5) {
        foodTime += 10;
        petElement.innerHTML = petTime + " seconds remaining." + " Pet the frog";
        document.getElementById('tamaFrog').src = "img/eating.jpg";
        setTimeout(defaultImg, 500)
    }

}

function defaultImg() {
    document.getElementById('tamaFrog').src = "img/default.jpg";
}

function petFunction() {
if (petTime < 0) {
    clearInterval(petCounter);
} else if (petTime < 5) {
        document.getElementById('tamaFrog').src = "img/angry.jpg";
        petElement.innerHTML = petTime + " seconds remaining"
        petTime--;
    }
    else {
        petElement.innerHTML = petTime + " seconds remaining"
        petTime-- 
    }
}

    

function pet() {
    if (foodTime > 0) {
        petTime += 10;
        document.getElementById('tamaFrog').src = "img/need_love.jpg";
        setTimeout(defaultImg, 500)
    }
        

    

}
function defaultImg() {
    document.getElementById('tamaFrog').src = "img/default.jpg";
}
function afterLife() {
    document.getElementById('tamaFrog').src = "img/ghost.jpg";
}