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

//EDIT THIS FUNCTION
function stop(i){
    //WRITE YOUR CODE HERE
    console.log(i)
    
    var diff = Math.abs(targetInt-i);
    var message;
    if(i == targetInt){
        message= 'Wow, congrats you are really really agile!.';
    }
    else if(diff <= 9){
        message = `Wew, that was a close one! off by ${diff}`;
    }
    else{
       message= 'Oh no, you lose!';
    }
    var result = document.getElementById('result'); //display your result message here
        result.innerHTML = message;
}


//main
setTargetInt();
spin()