//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 number =0;
var resultText = document.getElementById('result');

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

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

//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))
}


var set="";
//EDIT THIS FUNCTION
const spin = async () => {
    //WRITE YOUR CODE HERE
    set = setInterval(function(){
    
   spinningElem.innerHTML = number++;
    },100)
   //sleep(75).then(()=> spinningElem.innerHTML = number++)
        //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(){
   // console.log("check click event");
    //WRITE YOUR CODE HERE
   clearInterval(set);
    let diff = Math.abs(number-targetInt);
    if(targetInt !== number ){
         resultText.innerHTML = `OH no! you lose Off by ${diff-1}`
    }else{
        resultText.innerHTML = `You won the game`;
    }
    var result = document.getElementById('result'); //display your result message here
        
}


//main
setTargetInt();
spin()