// quizQuestion = question
// inputs = choices
// Declarations
// var startQuiz = document.getElementById('startQuiz');
var quizSection = document.getElementById('quizSection');
var scoreBoard = document.getElementById('scoreBoard');
var currentScore = document.getElementById('currentScore');
var quizQuestion = document.getElementById('quizQuestion');
var choices = document.getElementById('choices');
var solution = document.getElementById('solution');
var viewHighScores = document.getElementById('viewHighScores');
var successMessage = document.getElementById('successMessage');
var displayHighScores = document.getElementById('displayHighScores');
var highScoreName = document.getElementById('highScoreName');
var highScorePoints = document.getElementById('highScorePoints');
var yourHighScore = document.getElementById('yourHighScore');
var nameInput = document.getElementById('nameInput');
var hideItems = document.getElementById('hideItems');
var directions = document.getElementById('directions');
var start = document.getElementsByClassName('start');
// var quizSection = document.getElementById('quizSection').style.display ="none";
hideElements = function() {
scoreBoard.setAttribute("hidden", false);
viewHighScores.setAttribute("hidden", true);
successMessage.setAttribute("hidden", true);
displayHighScores.setAttribute("hidden", true);
highScoreName.setAttribute("hidden", true);
highScorePoints.setAttribute("hidden", true);
};
hideElements();
var time = 30;
var countdown = document.getElementById('countdown');
var clock;
var questions = [
{
question: "What does HTML stand for?",
choices: [
"Hyper-Text Markup Language",
"Hex-Tex-Mex-Lex",
"Hilbert Taylor's Micro Language",
"Hyper-Text Market Language"
],
answer: "Hyper-Text Markup Language"
},
{
question: "Which of the following is not an HTML tag?",
choices: [
"Doctype",
"Paragraph",
"Table",
"Style"
],
answer: "Style"
},
{
question: "What symbol indicates a tag?",
choices: [
"Angled brackets (<>)",
"Cureved brackets ({})",
"Comma (,)",
"Exclamation Mark: (!)"
],
answer: "Angled brackets (<>)"
},
{
question: "Which of these is a genuine tag keyword",
choices: [
"Header",
"Bold",
"Body",
"Image"
],
answer: "Body"
},
{
question: "(T/F) A CSS file can be applied to only one HTML file",
choices: [
"True",
"False"
],
answer: "False"
},
{
question: "What is the corect tag for a line break in HTML",
choices: [
"
"
],
answer: "
"
},
{
question: "What does CSS stand for?",
choices: [
"Computing Style Sheet",
"Creative Style System",
"Cascading Style Sheet",
"Creative Styling Sheet"
],
answer: "Cascading Style Sheet"
},
{
question: "Where should a CSS file be referenced in a HTML file?",
choices: [
"Before any HTML code",
"After all HTML code",
"Inside the head section",
"Inside the body section"
],
answer: "Inside the head section"
},
{
question: "What is the correct format for aligning written content to the center of the page in CSS?",
choices: [
"Text-align: center",
"Font-align: center",
"Text: align-center",
"Font: align-center"
],
answer: "Text-align: center"
},
{
question: "What is the correct format for a Div?",
choices: [
"Div",
"