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

//globals
var pushed = true //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
const btn = document.getElementById("buttonPressed")

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

//When the stop button is pushed
function buttonPressed(){
    pushed? 
    (pushed = false, btn.innerHTML = 'STOP', setTargetInt()) : 
    (pushed = true, btn.innerHTML = 'RESTART')
    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
    for (var i=0;i<101;i++) {
    if(i === 100){
        i=0;
    }
    if(pushed){
        stop(i); //Trigger this function when the STOP button has been pushed
        break;
    }else{
        spinningElem.innerHTML = i;
        await sleep(75) //Paste this wherever you need to sleep the incrimentor 
    }
  }
}

//EDIT THIS FUNCTION
function stop(i){
    //WRITE YOUR CODE HERE
    var difference= Math.abs(targetInt-(i-1))
    var message;
    
    if(difference === 0){
        message="You Win!!! 🥳"
    }
    else{
        message="You Lose 😭, only by " + difference
    }
    var result = document.getElementById('result'); //display your result message here
    result.innerHTML = message   
}