//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
var result = document.getElementById('result'); //display your result message here
//event listener
document.getElementById("buttonPressed").addEventListener("click", buttonPressed);
//When the stop button is pushed
function buttonPressed(){
pushed = !pushed;
if (!pushed) {
result.innerText = '';
setTargetInt();
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
let i = -1;
// stop(i); //Trigger this function when the STOP button has been pushed
while (!pushed) {
i++;
if (i > 100) i = 0;
spinningElem.innerText = i;
await sleep(75) //Paste this wherever you need to sleep the incrimentor
}
stop(i);
}
//EDIT THIS FUNCTION
function stop(i){
//WRITE YOUR CODE HERE
const difference = Math.abs(i - targetInt);
if (difference > 0) {
result.innerText = `Oh no, you lose! Off by ${difference}`
} else {
result.innerText = `Yes, you did it!`
}
}
//main
setTargetInt();
spin()