//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 () => {
  for (let i=0; i <= 100; i++) {
      
    if(i === 100) i=0;
    
    if(pushed === true){
        stop(i); 
        break;
    } else {
        spinningElem.innerText = i;
        await sleep(75) 
    }  
  }
}

//EDIT THIS FUNCTION
function stop(i){
    let offBy= Math.abs(targetInt-(i-1))
    let message;
    
    if(offBy == 0){
        message="You stopped at the correct number!"
    }
    else{
        message=`You lost by ${offBy.toString()}`
    }
    let result = document.getElementById('result');
    result.innerText = message    
}


//main
setTargetInt();
spin()