app.js

///GLOBAL VARS


const startButton = document.getElementById('startBtn')
const nextButton = document.getElementById('nextBtn')
const highScorebtn = document.getElementById('scorebtn')
const quizContainer = document.getElementById('quiz-Container')
const choiceBtnEL = document.getElementById('choice-buttons')
let randomQuestions, currentQuestionIndex; /// to shuffle the questions
const questionEl = document.getElementById('question-container')//gets the question out of the array of questions
var myTimer = document.getElementById('timer')
let highScore = document.getElementById('highscore')
nextButton.addEventListener('click', () => {
    currentQuestionIndex++;
    displayNextQuestion();
});
startButton.addEventListener('click', startGame, startTimer)
////--------------------------------------------------------------------------------------------------------------
var time = setInterval(startTimer, 1000);
var score = "";

var scoreArray = JSON.parse(localStorage.getItem("highscores")) || []

//start timer



//-----------------------------------------------------------------------------------------------------------------------------
//The Timer and quiz start functions!!!

function startGame() {
    highScorebtn.classList.add('hide')
    startButton.classList.add('hide');
    quizContainer.classList.remove("hide");
    randomQuestions = questions.sort(() => Math.random() - .5);// makes sure i get a 
    currentQuestionIndex = 0;
    displayNextQuestion();
}
//function timer() {
//    var seconds = 60;
//    var timer = setInterval(function () {
//        document.getElementById('secondsLeft')= '00:' + seconds;
//        seconds--;
//        if (seconds < 0) {
//            clearInterval(timer);
//        }
//
//    }, 1000);
//}

function startTimer(){
    timer();
} 

function minusScore() {
    if (correct != questions[currentQuestionIndex - 1].correct) {
        secondsLeft -= 10
    }
    if (currentQuestionIndex === questions.length) {
        score = secondsLeft
        localStorage.setItem('highscores', JSON.stringify(score))
        location.href - "highscores.html"
    }
}
//-----------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------------------------------

function displayQuestion(questions) {
    questionEl.innerText = questions.question;
    questions.choices.forEach(choice => {
        const button = document.createElement('button')
        button.innerText = choice.text
        button.classList.add('btn')
        if (choice.correct) {
            button.dataset.correct = choice.correct
        }
        button.addEventListener('click', selectChoice)
        choiceBtnEL.appendChild(button)
    })
}
function displayNextQuestion() {
    resetQuestion()
    displayQuestion(randomQuestions[currentQuestionIndex])
}
function resetQuestion() {
    clearStat(document.body)
    nextButton.classList.add('hide')
    while (choiceBtnEL.firstChild) {
        choiceBtnEL.removeChild
            (choiceBtnEL.firstChild)
    }
}
function selectChoice(e) {
    const selectButton = e.target
    const correct = selectButton.dataset.correct
    setStat(document.body, correct)
    Array.from(choiceBtnEL.children).forEach(button => {
        setStat(button, button.dataset.correct)
    })
    if (randomQuestions.length > currentQuestionIndex + 1) {
        nextButton.classList.remove('hide')
    } else {
        startButton.innerText = 'restart'
        startButton.classList.remove('hide')
        highScorebtn.classList.remove('hide')
    }
}
function setStat(element, correct) {
    clearStat(element)
    if (correct) {
        element.classList.add('correct')
    }
    else {
        element.classList.add('wrong')
    }
}
function clearStat(element) {
    element.classList.remove('correct')
    element.classList.remove('wrong')
}


//--------------------------------------------------------------------------------------------------------------------------------
//Question array with choices and correct answer
const questions = [
    {
        question: "What is the identity operator for not equal?",
        choices: [
            { text: 'prompt("Text Here")', correct: false },
            { text: '!==', correct: true },
            { text: 'Placehasdfaolder danswer', correct: false },
            { text: 'Placehasdfaolder danswer', correct: false }
        ]
    }, {
        question: "How do you assign a default value to a prompt??",
        choices: [
            { text: 'Placehasdfaolder danswer', correct: true },
            { text: 'its a quiz', correct: false },
            { text: 'Placehasdfaolder danswer', correct: false },
            { text: 'Placehasdfaolder danswer', correct: false }
        ]
    }, {
        question: "what does ceil() method do?",
        choices: [
            { text: 'rounds a number upwards to the nearest interger', correct: true },
            { text: 'red', correct: false },
            { text: 'nothing', correct: false },
            { text: 'lead', correct: false }
        ]
    }, {
        question: "Have I gaven up on making questions because it didnt have much time to think of them or answers?",
        choices: [
            { text: 'this ', correct: true },
            { text: 'drugs', correct: false },
            { text: 'green', correct: false },
            { text: 'zero', correct: false }
        ]
    }, {
        question: "do you hate Tom Cruise",
        choices: [
            { text: 'katie holmes does ', correct: true },
            { text: 'Pizza', correct: false },
            { text: 'orangutan', correct: false },
            { text: 'tortuga', correct: false }
        ]
    }, {
        question: "Do you like making mee?",
        choices: [
            { text: 'its hard', correct: true },
            { text: 'easy', correct: false },
            { text: 'easy', correct: false },
            { text: 'peasy', correct: false }
        ]
    }, {
        question: "are dogs the best animal in the world?",
        choices: [
            { text: 'beer', correct: true },
            { text: 'yes', correct: false },
            { text: 'no', correct: false },
            { text: 'maybe', correct: false }
        ]
    }, {
        question: "whos the tallest man",
        choices: [
            { text: 'giraffe', correct: true },
            { text: 'a arrow to the knee', correct: false },
            { text: 'ben stiller', correct: false },
            { text: 'pizza again', correct: false }
        ]
    }, {
        question: "whats the biggest problem with nicolas?",
        choices: [
            { text: 'keeps biting feet', correct: true },
            { text: 'beats up little kids', correct: false },
            { text: ' doesnt beat up enough little kids', correct: false },
            { text: 'lives with his mom at age 45', correct: false }
        ]
    }
]