diff --git a/public/results.json b/public/results.json index 19fbf59..c029b8d 100644 --- a/public/results.json +++ b/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 } + ] + } } \ No newline at end of file diff --git a/public/script.js b/public/script.js index 6d2a80e..1c6faf0 100644 --- a/public/script.js +++ b/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 = `${username} — Score: ${result.score}, Completed: ${result.completed ? '✅' : '❌'}
- 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}
` + }) + + li.innerHTML = ` + ${username} — Score: ${result.score}, Completed: ${result.completed ? '✅' : '❌'}
+ Answers:
${answersHTML} + ` list.appendChild(li) } } catch (err) {