//HINT: ONLY EDIT THE SPIN() AND STOP() FUNCTIONS

//globals
var pushed = false //Has the stop button been pushed - false is default
var targetInt; //The target number to stop the wheel on
var spinningElem = document.getElementById('spinning'); //The spinning number

//event listener
document.getElementById("buttonPressed").addEventListener("click", buttonPressed);

//When the stop button is pushed
function buttonPressed(){
    pushed = true;
}

//set the target Int
function setTargetInt(){
    var targetElem = document.getElementById('targetNum');
    targetInt=Math.floor(Math.random() * 101)
    targetElem.innerHTML = targetInt;
}

//sleep const
const sleep = (milliseconds) => {
    return new Promise(resolve => setTimeout(resolve, milliseconds))
}


//EDIT THIS FUNCTION
const spin = async () => {
    //WRITE YOUR CODE HERE
    var i = 0;
    while(!pushed){
        i++;
        spinningElem.innerHTML = i;
        await sleep(75);
    }
    stop(i; //Trigger this function when the STOP button has been pushed
    //await sleep(75) //Paste this wherever you need to sleep the incrimentor 
}

//EDIT THIS FUNCTION
function stop(i){
    //WRITE YOUR CODE HERE
    var result = document.getElementById('result'); //display your result message here
    var dif = Math.abs(targetInt - i);
    var winMsg = "!!YOU WON!!!";
    var loseMsg = "Oh no, you lose! Off by "+dif+"!";
    var displayMsg;
    
    if(dif == 0){
        displayMsg = winMsg;
        result.style.fontSize = "xx-large";
    } else {
        displayMsg = loseMsg;
    }
    result.innerHTML = displayMsg;
}

//main
setTargetInt();
spin()