fix bug in displaying a single incorrect question after quiz

Author: angelovstanton

index.html

@@ -350,7 +350,10 @@ <h5>${t.term}</h5>
         const selected = new Map();
         const weights = questionPool.map(q => {
           const qId = q.question_number || q.id || 'N/A';
-          return 1 / ((state.answerCounts[qId] || 0) + 1);
+          // Higher weight for questions never answered or answered incorrectly
+          const timesAnswered = state.answerCounts[qId] || 0;
+          const timesIncorrect = state.attemptHistory[qId]?.filter(attempt => !attempt.is_correct)?.length || 0;
+          return (1 + timesIncorrect) / (timesAnswered + 1);
         });
 
         let totalWeight = weights.reduce((a, b) => a + b, 0);
@@ -662,11 +665,25 @@ <h6>Justifications:</h6>
       let incorrect = 0;
       const incorrectQuestions = [];
 
+      // Update state with results
       currentSession.forEach(q => {
         const qId = q.question_number || q.id || 'N/A';
         const userAns = currentSessionAnswers[qId];
         if (!userAns) return;
 
+        // Update answer counts
+        state.answerCounts[qId] = (state.answerCounts[qId] || 0) + 1;
+        
+        // Update attempt history
+        if (!state.attemptHistory[qId]) {
+          state.attemptHistory[qId] = [];
+        }
+        state.attemptHistory[qId].push({
+          timestamp: Date.now(),
+          answer: userAns.answer,
+          is_correct: userAns.is_correct
+        });
+        
         if (userAns.is_correct) {
           correct++;
         } else {
@@ -675,6 +692,9 @@ <h6>Justifications:</h6>
         }
       });
 
+      // Save state to localStorage
+      localStorage.setItem('ctai_exam_state', JSON.stringify(state));
+      
       // Calculate time taken
       const timeTaken = state.sessionStartTime ? Math.floor((Date.now() - state.sessionStartTime) / 1000) : 0;
       const minutes = Math.floor(timeTaken / 60);
@@ -718,16 +738,21 @@ <h4>Result Summary</h4>
 
           // Generate answers block
           let options = [];
-          if (q.options) {
+          if (q.options && Array.isArray(q.options)) {
             options = q.options.map((opt, idx) => ({
               key: String.fromCharCode(97 + idx),
               value: opt
             }));
-          } else if (q.answers) {
+          } else if (q.answers && typeof q.answers === 'object') {
             options = Object.entries(q.answers).map(([key, value]) => ({
               key: key.toLowerCase(),
               value: `${key}) ${value}`
             }));
+          } else if (typeof q.options === 'object') {
+            options = Object.entries(q.options).map(([key, value]) => ({
+              key: key.toLowerCase(),
+              value: `${key}) ${value}`
+            }));
           }
 
           // Add answers with correct/incorrect indicators

requirements.txt

@@ -0,0 +1,97 @@
+✅ App Requirements – ISTQB CT-AI Study App
+1. 🧠 Quiz Session Features
+ Start 20-question session (weighted random) prioritizing unseen questions
+
+ Start 40-question session (fully random)
+
+ Questions are displayed one at a time
+
+ Navigation: Next, Back, and Submit buttons
+
+ Cannot proceed without selecting at least one answer
+
+ Submit button visible only on the last question
+
+ Back button hidden on first question
+
+2. ✅ Answer Handling
+ Support single and multiple correct answers
+
+ Track answers per question: selected, correctness
+
+ Accept multiple choice if correct_answer is an array
+
+ Calculate score only if all correct answers are selected
+
+ Save:
+
+userAnswers → selected answer(s)
+
+is_correct → whether the answer(s) are correct
+
+answerCounts → number of times each question is answered
+
+attemptHistory → history of attempted answers
+
+3. 📊 Result Evaluation
+ Display summary:
+
+✅ Number of correct
+
+❌ Number of incorrect
+
+📊 Score in %
+
+⏱️ Time taken (minutes + seconds)
+
+ Show justification for all options (not just correct one)
+
+ Style correct answers and justifications in green bold
+
+4. 💾 State Persistence
+ Use localStorage to:
+
+Store question bank and glossary
+
+Track session state (answered questions, scores)
+
+ Automatically load state on page load
+
+ Automatically update state on submit
+
+ Button to clear all state and restart quiz
+
+5. 📖 Review Mode
+ Button to Review All Questions
+
+ View one question at a time (like quiz mode)
+
+ Pre-select and highlight correct answers only
+
+ Show full justification for each answer
+
+ Disable submission in review mode
+
+6. 📚 Glossary Mode
+ Button to enter Glossary
+
+ Load glossary terms from embedded JSON block
+
+ Display term, definition, and example
+
+ Search bar to filter terms by name
+
+ Glossary is stored in localStorage on first run
+
+7. 📎 Technical Requirements
+ Works offline via file://
+
+ No external server required
+
+ All data loaded from embedded <script type="application/json">
+
+ Uses Bootstrap 5 for layout/styling
+
+ No use of React/JSX — pure JS and HTML
+
+ Handles malformed question data (missing answers/justification)