Update index.html

index.html

@@ -2694,7 +2694,7 @@ function showQuiz() {
 
   document.getElementById('quizQ').textContent = v.de;
 
-  document.getElementById('quizCtx').textContent = v.ex ? e.g. "${v.ex}" : (v.ch === 1 ? 'Kapitel 1' : 'Kapitel 2');
+  document.getElementById('quizCtx').textContent = v.ex ? `e.g. "${v.ex}"` : (v.ch === 1 ? 'Kapitel 1' : 'Kapitel 2');
 
   // 4 options: 1 correct + 3 wrong
 
@@ -2732,7 +2732,7 @@ function showQuiz() {
 
   document.getElementById('quizProgress').style.width = pct+'%';
 
-  document.getElementById('quizCounter').textContent = Question ${quizIdx+1} of ${quizPool.length};
+  document.getElementById('quizCounter').textContent = `Question ${quizIdx+1} of ${quizPool.length}`;
 
 }
 
@@ -2914,7 +2914,7 @@ function selectMatch(el, side, id) {
 
       addScore(3);
 
-      document.getElementById('matchScore').textContent = Matched: ${matchedCount}/8;
+      document.getElementById('matchScore').textContent = `Matched: ${matchedCount}/8`;
 
       if (matchedCount === 8) {
 
@@ -2978,7 +2978,7 @@ function showType() {
 
   document.getElementById('typeQ').textContent = v.en;
 
-  document.getElementById('typeCtx').textContent = v.ex ? Context: "${v.ex}" : (v.ch === 1 ? 'Kapitel 1' : 'Kapitel 2');
+  document.getElementById('typeCtx').textContent = v.ex ? `Context: "${v.ex}"` : (v.ch === 1 ? 'Kapitel 1' : 'Kapitel 2');
 
   const inp = document.getElementById('typeInput');
 
@@ -2998,7 +2998,7 @@ function showType() {
 
   document.getElementById('typeProgress').style.width = pct+'%';
 
-  document.getElementById('typeCounter').textContent = Word ${typeIdx+1} of ${typePool.length};
+  document.getElementById('typeCounter').textContent = `Word ${typeIdx+1} of ${typePool.length}`;
 
 }