//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 i = 0;
const time = setInterval(spinner,75)
function spinner() {
spinningElem.innerHTML = i;
i += 1;
i > 100 ? i = 0 : "";
if(pushed == true){
clearInterval(time);
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(i){
//WRITE YOUR CODE HERE
var result = document.getElementById('result'); //display your result message here
if(i !== spinningElem) {
result.innerHTML = `You missed the target by ${(i - 1) - targetInt}`;
} else{
`You hit the target!`;
}
}
//main
setTargetInt();
spin()