//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 spinning = document.getElementById('spinning');
        for(let i=0;i<101;i++) {
        if(i == 100) i = 0;
        if(pushed) {
            stop(i); 
            break;
        } else {
            spinning.innerHTML = i;
            await sleep(75)    
        }
    }
     
  
}

//EDIT THIS FUNCTION
function stop(i){
    //WRITE YOUR CODE HERE
    var result = document.getElementById('result'); //display your result message here
    let num = Math.abs(targetInt - (i-1));

    if (targetInt == num) {
        result.innerText = "Congrats! You're spot on!"
    } else if(num < 10) {
        result.innerText = `Dang! You're ${num} away from the target`;
    } else {
        result.innerText = `Sorry! You're ${num} from the target`;
    }
}


//main
setTargetInt();
spin()