//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
let counter = 0

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



//EDIT THIS FUNCTION
const spin = async () => {
    //WRITE YOUR CODE HERE
        
        while(counter <= 100 && !pushed){
            counter++
            spinningElem.textContent = counter
            await sleep(75)
            
        }
       
        stop(); //Trigger this function when the STOP button has been pushed
        //Paste this wherever you need to sleep the incrimentor 
      
  
}

//EDIT THIS FUNCTION
function stop(){
    //WRITE YOUR CODE HERE
    var result = document.getElementById('result'); //display your result message here
   
    let message = ''
    if(counter !== targetInt){
        message = `Ohh no you are off by ${Math.abs(counter - targetInt)}`
    } else {
        message = `You win amazing`
    }
    
    result.textContent = message
    
    
}


//main
setTargetInt();
spin()