JavaScriptQuiz/index.html at main · theodoremoreland/JavaScriptQuiz · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>JavaScript Quiz</title>

        <!-- <a href="https://icons8.com/icon/EezKoqfhA0Ns/decision">Decision icon by Icons8</a> -->
        <link rel="icon" type="image/png" href="assets/images/favicon.png">

        <!-- Styles -->
        <link rel="stylesheet" href="assets/css/reset.css" />
        <link rel="stylesheet" href="assets/css/style.css" />

        <!-- JS -->
        <script type="module" defer src="assets/js/main.js"></script>
    </head>
    <body>
        <header>
            <nav>
                <span id="viewHighscores">
                    View highscores
                </span>
                <span>
                    Time: <span data-countdown="75"></span>
                </span>
            </nav>
        </header>
        <main>
            <h1 id="quizHeader">JavaScript Quiz</h1>
            <p>
                Try to answer the following JavaScript related questions within the time limit.
                The time limit starts at 75 seconds (can be found in the upper right hand corner).
                Upon pressing "Start Quiz", the timer starts counting down by 1 every second.
                Incorrect answers will penalize your score/time by 15 seconds!
            </p>
            <button id="startQuizButton">Start Quiz</button>
        </main>
        <section id="answerOutputSection">
            <hr/>
            <output></output>
        </section>
        <audio autoplay="false"></audio>
    </body>
</html>