results

public/js/admin.js

@@ -390,7 +390,6 @@ window.loadStudentResults = async function() {
         userResults.forEach((result, index) => {
           const li = document.createElement("li");
           let answersHTML = '';
-          
           // Check if result and answers exist and are valid
           if (result && result.answers && Array.isArray(result.answers)) {
             result.answers.forEach(entry => {
@@ -402,8 +401,15 @@ window.loadStudentResults = async function() {
           }
 
           const timestamp = result.timestamp ? new Date(result.timestamp).toLocaleString() : 'Unknown time';
+          // Label result type
+          let typeLabel = '';
+          if (result.type === 'typing') {
+            typeLabel = '<span style="color: #007bff; font-weight: bold;">[Typing Practice]</span> ';
+          } else {
+            typeLabel = '<span style="color: #28a745; font-weight: bold;">[Game]</span> ';
+          }
           li.innerHTML = `
-            <strong>${username}</strong> (Session ${index + 1}) — Score: ${result?.score || 'N/A'}, Completed: ${result?.completed ? '✅' : '❌'}<br>
+            ${typeLabel}<strong>${username}</strong> (Session ${index + 1}) — Score: ${result?.score || 'N/A'}, Completed: ${result?.completed ? '✅' : '❌'}<br>
             <em>Date:</em> ${timestamp}<br>
             <em>Answers:</em><br>${answersHTML}
             <hr style="margin: 1rem 0; opacity: 0.3;">

public/js/typing.js

@@ -40,7 +40,11 @@ window.startTypingPractice = async function() {
     }
 }
 
-window.showNextWord = function() {
+
+// Track answers for results
+typingState.answers = [];
+
+window.showNextWord = async function() {
   const promptEl = document.getElementById('typingPrompt');
   const inputEl = document.getElementById('typingInput');
   if (!promptEl || !inputEl) return;
@@ -48,6 +52,8 @@ window.showNextWord = function() {
   if (!typingState.words.length) {
     promptEl.textContent = '🎉 Practice complete!';
     inputEl.disabled = true;
+    // Save results to backend
+    await saveTypingPracticeResults();
     return;
   }
 
@@ -64,13 +70,36 @@ window.showNextWord = function() {
   inputEl.focus();
 }
 
+async function saveTypingPracticeResults() {
+  const user = JSON.parse(localStorage.getItem('loggedInUser'));
+  if (!user) return;
+  const result = {
+    score: typingState.answers.filter(a => a.correct).length,
+    completed: true,
+    answers: typingState.answers
+  };
+  try {
+    await fetch('/saveTypingResults', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ username: user.username, result })
+    });
+    console.log('Typing practice results saved');
+  } catch (e) {
+    console.error('Failed to save typing results', e);
+  }
+}
+
 
 window.submitTyping = function() {
     const input = document.getElementById('typingInput')?.value.trim() || '';
     const feedback = document.getElementById('typingFeedback');
     if (!feedback) return;
-    
-    if (input.toLowerCase() === typingState.currentWord.toLowerCase()) {
+
+    const correct = input.toLowerCase() === typingState.currentWord.toLowerCase();
+    typingState.answers.push({ word: typingState.currentWord, input, correct });
+
+    if (correct) {
         feedback.textContent = '✅ Correct!';
         feedback.style.color = 'green';
         typingState.words.shift();