script.js

//GET WHEEL VARIABLES
// let wheel = document.getElementById("wheel");




//4 colors = red, yellow, blue, green
let redButton = document.getElementById("BtnR");
let brownButton = document.getElementById("BtnBr");
let blueButton = document.getElementById("BtnB");
let greenButton = document.getElementById("BtnG");
let button = document.getElementsByTagName("button");



//rand no from 0-12
let randomNumber = 11 * Math.random().toFixed(1);
console.log(randomNumber);
document.getElementById("message").textContent = "Pick A Color To Spin & Win";


//if statement specifying color balls each
// red ball
button.addEventListener("click", proceed);
function proceed() {
    location.reload();

    if (randomNumber > 0 && randomNumber <= 2) {
        alert("You guessed right!. The color is Red!🥳🙌");
    }
    else {
        alert("Oops, you guessed wrong...Try Again!!");
    }
}
proceed();


//purple ball
button.addEventListener("click", proceed1);
async function proceed1() {
    location.reload();
    // setTimeout(() => {
    //     alert("this is the delayed alert!");
    // }, 3000);

    if (randomNumber > 2 && randomNumber <= 5) {
        alert("You guessed right!. The color is Purple!🥳🙌");
    }
    else {
        alert("Oops, you guessed wrong...Try Again!!");
    }
}
proceed1();


//blue ball
button.addEventListener("click", proceed2);
function proceed2() {
    location.reload();

    if (randomNumber > 5 && randomNumber <= 8) {
        alert("You guessed right!. The color is Blue!🥳🙌");
    }
    else {
        alert("Oops, you guessed wrong...Try Again!!");
    }
}
proceed2();


//green ball
button.addEventListener("click", proceed3);
function proceed3() {
    location.reload();

    if (randomNumber > 8 && randomNumber <= 11) {
        alert("You guessed right!. The color is Green!🥳🙌");
    }
    else {
        alert("Oops, you guessed wrong...Try Again!!");
    }
}
proceed3();