quiz-app/index.html at master · Sleeper21/quiz-app · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quiz Challenge</title>

    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="wrapper">
        <section class="title">
            <h2 id="counter">Can you take the <span id="questionQtt"></span> Questions Quiz?</h2>
        </section>

        <div class="start">
            <button id="start" class="start-btn">START</button>
            <img id="feedbackIcon" class="icon hidden" alt="icon">
            <h3 id="feedback" class="feedback counter hidden"></h3>
        </div>

        <div class="question-container">
            <h3 id="question">Press Start</h3>
            <div class="answers-container">
                <button id="0"  class="btn" disabled>Answer a</button>
                <button id="1" class="btn" disabled>Answer b</button>
                <button id="2" class="btn" disabled>Answer c</button>
                <button id="3" class="btn" disabled>Answer d</button>
            </div>
            <div class="footer">
                <h4 id="score"></h4>

                <button id="nextSubmit" class="btn next-btn hidden" disabled></button>
            </div>
        </div>
    </div>

<script type="module" src="index.js"></script>
</body>
</html>