TP-JavaScript/examens.html at main · jamaleddine75/TP-JavaScript · 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
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Liste des examens</title>
</head>
<body>
    <h1>Examens enregistrés</h1>
    <input type="text" id="proprietaire" placeholder="Nom du propriétaire" required>
    <button id="afficher">Afficher les examens</button>
    <div id="resultat"></div>

<script>
    document.getElementById('afficher').addEventListener('click', () => {
        const prop = document.getElementById('proprietaire').value.trim();
        const container = document.getElementById('resultat');


        if (!prop) {
            container.innerHTML = '<p>Veuillez entrer un nom de propriétaire.</p>';
            return;
        }

        const examsKey = 'examens_' + prop;
        const exams = JSON.parse(localStorage.getItem(examsKey)) || [];
        container.innerHTML = '';


        if (exams.length === 0) {
            container.innerHTML = '<p>Aucun examen enregistré pour le propriétaire "' + prop + '".</p>';
            return;
        }


        exams.forEach((exam, i) => {
            const div = document.createElement('div');
            div.innerHTML = '<h2>' + exam.nom + ' (' + exam.duree + ' min)</h2>' +'<p>' + exam.description + '</p>' +'<h3>Questions:</h3>';

            const questionsList = document.createElement('ul');

            if (exam.questions && exam.questions.length > 0) {
                exam.questions.forEach((question, qIndex) => {
                    const questionItem = document.createElement('li');
                    questionItem.innerHTML = '<strong>' + (qIndex + 1) + '. ' + question.enonce + '</strong>' + ' (Durée: ' + question.duree + 's, Points: ' + question.points + ')' +'<ul>';


                    question.propositions.forEach(prop => {
                        questionItem.innerHTML += '<li>' + prop.texte + (prop.correcte ? ' (Correcte)' : '') + '</li>';
                    });

                    questionItem.innerHTML += '</ul>';
                    questionsList.appendChild(questionItem);
                });
            } else {
                questionsList.innerHTML = '<li>Aucune question pour cet examen</li>';
            }

            div.appendChild(questionsList);
            container.appendChild(div);
        });
    });
</script>
</body>
</html>