//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');
var button = document.getElementById('buttonPressed');

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

//When the stop button is pushed
function buttonPressed(){
    if(!pushed){
    pushed = true;
    button.innerHTML = "START"
    }
    else{
        result.innerHTML = "";
        button.innerHTML = "STOP"
        pushed = false;
        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 () => {
    while(!pushed){
        for( let i = 0; i < 101; i++){
        spinningElem.innerHTML = i;
            if(pushed){
                stop(i);
                break;
            }; 
            await sleep(75) 
        }
    }
}

//EDIT THIS FUNCTION
function stop(i){
    
    if(i - targetInt == 0){
        result.innerHTML = "Congratulations, you win!!"
    }
    else{
        result.innerHTML = `Bad luck. You were off by ${Math.abs(i-targetInt)}`
    };
}


//main
setTargetInt();
spin();