Update templates/flashcards.html

templates/flashcards.html

@@ -11,7 +11,7 @@
     <div class="flashcard" id="flashcard">
         <div class="content">
             <h2 id="card-header">Set: {{ set_name }} ({{ index + 1 }}/{{ total }})</h2>
-            <p id="card-text"><strong>English:</strong> {{ english }}</p>
+            <p id="card-text"><strong>Japanese:</strong> {{ japanese }}</p>
             <audio controls id="audioPlayer">
                 <source src="{{ audio_url }}" type="audio/mp3">
                 Your browser does not support the audio element.
@@ -25,12 +25,12 @@
     </div>
 
     <script>
-        let showingEnglish = true;
+        let showingJapanese = true;
         let currentIndex = {{ index }};
         const setName = '{{ set_name }}';
         const total = {{ total }};
-        let englishText = "{{ english }}";
         let japaneseText = "{{ japanese }}";
+        let chineseText = "{{ chinese }}";
 
         const flipBtn = document.getElementById('flipBtn');
         const prevBtn = document.getElementById('prevBtn');
@@ -54,18 +54,18 @@
                         return;
                     }
 
-                    englishText = data.english;
                     japaneseText = data.japanese;
+                    chineseText = data.chinese;
                     currentIndex = data.index;
 
                     // Update header
                     cardHeader.innerHTML = `Set: ${data.set_name} (${currentIndex + 1}/${data.total})`;
 
                     // Update text
-                    if (showingEnglish) {
-                        cardText.innerHTML = "<strong>English:</strong> " + englishText;
-                    } else {
+                    if (showingJapanese) {
                         cardText.innerHTML = "<strong>Japanese:</strong> " + japaneseText;
+                    } else {
+                        cardText.innerHTML = "<strong>Chinese:</strong> " + chineseText;
                     }
 
                     // Update audio
@@ -83,12 +83,12 @@
 
         // Flip button event
         flipBtn.addEventListener('click', function() {
-            if (showingEnglish) {
-                cardText.innerHTML = "<strong>Japanese:</strong> " + japaneseText;
-                showingEnglish = false;
+            if (showingJapanese) {
+                cardText.innerHTML = "<strong>Chinese:</strong> " + chineseText;
+                showingJapanese = false;
             } else {
-                cardText.innerHTML = "<strong>English:</strong> " + englishText;
-                showingEnglish = true;
+                cardText.innerHTML = "<strong>Japanese:</strong> " + japaneseText;
+                showingJapanese = true;
             }
         });
 
@@ -113,4 +113,4 @@
         });
     </script>
 </body>
-</html>
+</html>