spanish-quizzer

commit 145fbfa83634cc47a3b48aa85bfe4b65862ecd90
parent b34653a033ff46bbd4519f427482d0467f3779f4
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Tue,  2 Jun 2020 12:46:02 -0700

Add user quizzerCongrats element.

Diffstat:
M
Scripts/Quizzer.js
 | 
10
++++------
M
index.html
 | 
1
+

2 files changed, 5 insertions(+), 6 deletions(-)
diff --git a/Scripts/Quizzer.js b/Scripts/Quizzer.js
@@ -282,6 +282,7 @@ function Reset() {
     document.getElementById("quizzerInput").readOnly = false;
     document.getElementById("quizzerEnter").textContent = "Submit";
     document.getElementById("quizzerFeedback").hidden = true;
+    document.getElementById("quizzerCongrats").hidden = true;
     
     // Get prompt
     Term++;
@@ -291,10 +292,8 @@ function Reset() {
         Term = 0;
         
         // Congradulate user
-        document.getElementById("quizzerFeedback").classList.remove("bad");
-        document.getElementById("quizzerFeedback").classList.add("good");
-        document.getElementById("quizzerFeedback").textContent = "Congratulations! You made it back to the beginning!";
-        document.getElementById("quizzerFeedback").hidden = false;
+        document.getElementById("quizzerCongrats").textContent = "Congratulations! You made it back to the beginning!";
+        document.getElementById("quizzerCongrats").hidden = false;
     }
 
     // Save progress to local storage
@@ -382,14 +381,13 @@ function Check() {
     // Give user feedback
     if (!correct) {
         // Responce was incorrect
-        document.getElementById("quizzerFeedback").classList.remove("good");
-        document.getElementById("quizzerFeedback").classList.add("bad");
         document.getElementById("quizzerFeedback").textContent = `The correct answer is ${Terms[Term][3].toLowerCase()}.`;
         
         // Show and hide elements
         document.getElementById("quizzerInput").readOnly = true;
         document.getElementById("quizzerEnter").textContent = "Continue";
         document.getElementById("quizzerFeedback").hidden = false;
+        document.getElementById("quizzerCongrats").hidden = true;
         document.getElementById("quizzerFeedback").scrollIntoView(false);
         document.getElementById("quizzerInput").focus();
 
diff --git a/index.html b/index.html
@@ -123,6 +123,7 @@
             </div>
             
             <div id="quizzerFeedback" class="bad"></div>
+            <div id="quizzerCongrats" class="good"></div>
         </div>
 
         <div class="footer">