//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
var result = document.getElementById('result'); //display your result message here

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

//When the stop button is pushed
function buttonPressed(){
    pushed = !pushed;
    if (!pushed) {
        result.innerText = '';
        setTargetInt();
        spin()
    }
}

//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
        let i = -1;
        // stop(i); //Trigger this function when the STOP button has been pushed
        while (!pushed) {
            i++;
            if (i > 100) i = 0;            
            spinningElem.innerText = i;
            await sleep(75) //Paste this wherever you need to sleep the incrimentor    
        } 
        stop(i);
}

//EDIT THIS FUNCTION
function stop(i){
    //WRITE YOUR CODE HERE
    
    const difference = Math.abs(i - targetInt);
    if (difference > 0) {
        result.innerText = `Oh no, you lose! Off by ${difference}`
    } else {
        result.innerText = `Yes, you did it!`
    }       
}



//main
setTargetInt();
spin()