Fiche de révision : Quiz de préférence littéraire

📋 Plan du Cours

1. Structure visuelle du quiz
2. Questions et profils de lecture
3. Calcul du profil dominant
4. Affichage des résultats
5. Réinitialisation du questionnaire

📖 1. Structure visuelle du quiz

★ À maîtriser

• La page est structurée autour d’une carte de quiz contenant une section de questions et une section de résultats initialement masquée.

Compléments

• La carte du quiz contient un titre, une barre de progression, une zone de question et une liste de boutons représentant les options.

📖 2. Questions et profils de lecture

📝 Points essentiels

• Le questionnaire comporte six questions, chacune proposant quatre réponses associées aux catégories A, B, C ou D.

• La catégorie A correspond au goût pour les intrigues de mystère, les crimes, les secrets, le suspense et les événements rapides.

• La catégorie B correspond au goût pour la fantasy et la science-fiction, notamment la magie, les batailles, la technologie future et les mondes détaillés.

• La catégorie C correspond au goût pour la drame et les récits humains centrés sur les émotions, les relations, les dialogues et les expériences psychologiques et sociales.

• La catégorie D correspond au goût pour les ouvrages non fictionnels et de développement personnel portant sur les habitudes, la réussite, l’histoire, la philosophie et les compétences utiles.

📖 3. Calcul du profil dominant

★ À maîtriser

• Lorsqu’une option est sélectionnée, la fonction handleSelect augmente d’une unité le score de sa catégorie puis avance l’index de la question.

• Après la sixième réponse, le programme parcourt les catégories et conserve la première catégorie ayant un score strictement supérieur au meilleur score courant.

Compléments

• Les scores des quatre catégories sont initialisés à zéro dans l’objet scoreMap.

📐 Formule — La largeur de la barre de progression est calculée avec $\text{pourcentage} = \frac{\text{qIndex}}{\text{quizData.length}} \times 100$.

💡 Astuce mémo

Répondre → compter → comparer → afficher

📖 4. Affichage des résultats

★ À maîtriser

• À la fin du questionnaire, renderResult masque quiz-section et affiche result-section.

• Le résultat affiche un titre et une description correspondant à la catégorie dominante, avec quatre textes possibles pour A, B, C et D.

Compléments

• Le résultat A est intitulé « أدب الغموض والإثارة », le résultat B « الخيال العلمي والكوني », le résultat C « الدراما والروايات الإنسانية » et le résultat D « الكتب غير الخيالية وتطوير الذات ».

💡 Astuce mémo

Quiz masqué, résultat affiché

📖 5. Réinitialisation du questionnaire

★ À maîtriser

• La fonction resetQuiz remet qIndex à zéro et réinitialise scoreMap avec les scores A, B, C et D à zéro.

• Après la réinitialisation, la fonction affiche quiz-section, masque result-section et appelle renderQuestion pour présenter la première question.

Compléments

• La fonction renderQuestion est appelée une première fois au chargement du script afin d’afficher immédiatement la première question.

💡 Astuce mémo

Remettre à zéro puis réafficher

📊 Tableaux de synthèse

Catégories de goût littéraire