result updated

public/results.json

@@ -1,4 +1,11 @@
 {
-  "student1": { "score": 8, "completed": true, "answers": ["cat", "dog", "fish"] },
-  "nate":     { "score": 10, "completed": true, "answers": ["grace", "truth", "peace"] }
+  "student1": {
+    "score": 8,
+    "completed": true,
+    "answers": [
+      { "word": "apple", "correct": true },
+      { "word": "banana", "correct": false },
+      { "word": "grape", "correct": true }
+    ]
+  }
 }

public/script.js

@@ -454,9 +454,19 @@ async function loadStudentResults() {
     }
 
     for (const [username, result] of Object.entries(results)) {
-      const li = document.createElement('li')
-      li.innerHTML = `<strong>${username}</strong> — Score: ${result.score}, Completed: ${result.completed ? '✅' : '❌'}<br>
-        Answers: ${result.answers.join(', ')}`
+      const li = document.createElement("li")
+
+      // Build detailed answer breakdown
+      let answersHTML = ''
+      result.answers.forEach(entry => {
+        const status = entry.correct ? '✅' : '❌'
+        answersHTML += `${status} ${entry.word}<br>`
+      })
+
+      li.innerHTML = `
+        <strong>${username}</strong> — Score: ${result.score}, Completed: ${result.completed ? '✅' : '❌'}<br>
+        <em>Answers:</em><br>${answersHTML}
+      `
       list.appendChild(li)
     }
   } catch (err) {