Scheda di revisione: 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

Catégorie	Préférences	Expérience recherchée
A — Mystère et thriller	Énigmes, crimes, secrets, événements rapides	Suspense, adrénaline et découverte de la vérité
B — Fantasy et science-fiction	Magie, batailles, technologie future, mondes détaillés	Évasion et voyage dans un autre univers
C — Drame et fiction humaine	Personnages, relations, émotions, expériences sociales	Empathie et réflexion sur la vie
D — Non-fiction et développement personnel	Histoire, philosophie, habitudes, réussite, compétences	Apprentissage et application pratique