SuperWilliJavaScriptQuizz/index.html at main · william-dandrea/SuperWilliJavaScriptQuizz · 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
<!--
        1. Créer l'interface, les blocs, les boutons "radios".
        2. Styliser le tout.
        3. Récuperer les données au clic.
        4. Comparer les résultats.
        5. Afficher les phrases en fonction du réultat.
        6. Changer la couleur des blocs + animation en fonction des résultats.
    -->

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quizz JS</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
</head>
<body>

    <h1>Quizz Culture Générale</h1>


    <button id="enterButton">Validez vos choix</button>

    <div id="resultBox">
        <div id="resultComment">Commentaire</div>
        <div id="resultNext">Retentez des autres questions</div>
        <div id="resultNote">Note</div>
    </div>

    <script src="app.js"></script>
</body>
</html>

<!-- <div id="inputQuestion">

        <p id="inputQuestionTitle">Question:</p>

        <input type="radio" id="rep1" name="questionInput" > <label class= "labelResponse" for="rep1">rep1</label><br>
        <input type="radio" id="rep2" name="questionInput" > <label  class= "labelResponse" for="rep2">rep2</label><br>
        <input type="radio" id="rep3" name="questionInput" > <label  class= "labelResponse" for="rep3">rep3</label><br>
        <input type="radio" id="rep4" name="questionInput" > <label  class= "labelResponse" for="rep4">rep4</label><br>
    </div>-->