JavascriptCodingTest/index.html at main · CChampness/JavascriptCodingTest · 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- Take control of the viewport for responsiveness -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JavaScript Coding Quiz</title>
  <link rel="stylesheet" href="./Assets/css/reset.css" />
  <link rel="stylesheet" href="./Assets/css/style.css" />
</head>

<body>
  <header>
    <h1 class="page-title">Coding Quiz Challenge</h1>
    <div id="timerdisp">
      <h2>Time Remaining</h2>
      <h4 id="timeclock">60</h4>
    </div>
  </header>

  <main>
    <h3 id="question">Instructions for this quiz</h3>
    <section id="instructions">
      You will be given a series of multiple-choice questions to answer.
      The answer choices will be numbered 1 through 4.  When you choose
      the correct answer, either click on it or type in its number. You
      will have 60 seconds to complete the test.  The test will be
      complete when you have answered all of the questions or your time
      has expired, whichever comes first.  Wrong answers are penalized
      by subtracting 10 seconds from your remaining time.  Your score
      will be reported at the end and you will be able to save your
      scores with only your highest score being saved.  The timer will
      start when you press the Start Quiz button.          Good luck!
    </section>

    <section id="answers">
      <ul>
        <li><span class="num"></span><button class = "text" onclick="scoreAnswer('a')"></button></li>
        <li><span class="num"></span><button class = "text" onclick="scoreAnswer('b')"></button></li>
        <li><span class="num"></span><button class = "text" onclick="scoreAnswer('c')"></button></li>
        <li><span class="num"></span><button class = "text" onclick="scoreAnswer('d')"></button></li>
      </ul>
    </section>

    <section id = "initials">
        Enter your initials here to save your score:
        <input type="text" id="ini" size="5" value="">
        <button id = "endbutton" onclick="getInitials()">Save</button>
    </section>

    <section id="doneButtons">
      <button id = "gobackbutton" onclick="goBack()">Retake Quiz</button>
      <button id = "clearhighbutton" onclick="clearHigh()">Clear high scores</button>
      <button id = "viewhighbutton" onclick="viewHighScores()">View high scores</button>
    </section>

    <section id = "highscores">
      <h5>High scores</h5>
      <div id="scoreboard">
        <ul id="scoreview"></ul>
      </div>
    </section>

    <p id = "feedback"></p>
    <section id="start-and-stop">
      <button id = "startbutton" onclick="startQuiz()">START QUIZ</button>
    </section>
  </main>
  <br><br><br><br><br><br>
  <hr>
  <footer>
    <br>
    <p style="color:blue;font-size:9px;"><span>&copy</span>CSQS, LLC</p>
  </footer>
</body>
<script src="./Assets/js/Q-and-A.js"></script>
<script src="./Assets/js/script.js"></script>
</html>