scrimba
Note at 2:18
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Note at 2:18
AboutCommentsNotes
Note at 2:18
Expand for more info
index.js
run
preview
console
//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
for (let i=0; i < 101; i++) {
if(i === 100){
i=0;
}
if(pushed == true){
stop(i);
break;
} else {
spinningElem.innerHTML = i;
await sleep(75)
}
}
}

function stop(i){
//WRITE YOUR CODE HERE
let result = document.getElementById('result');
let offBy = Math.abs(targetInt-(i-1))
let message;

if(offBy == 0) message="You won!"
else message=`You lose by ${offBy.toString()}`

result.innerHTML = message
}

setTargetInt();
spin()



Console
/index.html
LIVE