spanish-quizzer

commit 78eb37569b589fec6e811e887e4f3832e855d910
parent 9dd3466a6f88d5349fe0a4174ba43d5e904ee7d6
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Mon, 15 Jun 2020 08:34:27 -0700

Improve feedback audio cursor.

Diffstat:
M
Scripts/Quizzer.js
 | 
2
+-
M
Styles/Quizzer.css
 | 
2
+-
M
index.html
 | 
5
++++-

3 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/Scripts/Quizzer.js b/Scripts/Quizzer.js
@@ -420,7 +420,7 @@ function Submit() {
     // Give user feedback
     if (!correct) {
         // Responce was incorrect
-        document.getElementById("quizzerFeedback").textContent = `The correct answer is ${Terms[Term][3].toLowerCase()}.`;
+        document.getElementById("quizzerFeedbackTerm").textContent = Terms[Term][3].toLowerCase();
         
         // Show and hide elements
         document.getElementById("quizzerInput").readOnly = true;
diff --git a/Styles/Quizzer.css b/Styles/Quizzer.css
@@ -11,7 +11,7 @@
     margin-top: 5px;
 }
 
-#quizzerPrompt, #quizzerFeedback {
+#quizzerPrompt, #quizzerFeedbackTerm {
     cursor: pointer;
 }
 
diff --git a/index.html b/index.html
@@ -133,7 +133,10 @@
                 <button id="quizzerSkip" class="quizzerButton" onclick="Reset()">Skip</button>
             </div>
             
-            <div id="quizzerFeedback" onclick="Read(Terms[Term][3], Terms[Term][2]);" class="bad"></div>
+            <div id="quizzerFeedback" class="bad">
+                The correct answer is 
+                <span id="quizzerFeedbackTerm" onclick="Read(Terms[Term][3], Terms[Term][2]);"></span>.
+            </div>
             <div id="quizzerCongrats" class="good"></div>
         </div>