Add emojis to buttons

brianjester · Jun 11, 2024 · 81f1d68 · 81f1d68
1 parent 202ff90
commit 81f1d68
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/index-flip/index.html b/index-flip/index.html
@@ -159,7 +159,7 @@ <H5><p id = "question-back"> </p></H5>
               <div class="d-grid gap-2 d-md-flex justify-content-around">
                 <row>
                   <button id="check-btn" class="btn btn-primary btn-med me-md-4" type="button" onclick="check()"> </button>
-                  <button id="flip-btn-back" class="btn btn-primary btn-med" type="button" onclick="flipMe(0)"> </button>
+                  <button id="flip-btn-back" class="btn btn-outline-primary btn-med me-md-4" type="button" onclick="flipMe(0)"> </button>
 				  <button id="reveal-btn" class="btn btn-primary btn-med me-md-4" type="button" onclick="reveal()"> </button>
                 </row>
               </div>
@@ -385,10 +385,10 @@ <H5><p id = "question-back"> </p></H5>
   window.candAnswer="";
   window.multipleChoice = true;
   flipMe(0);
-  const SHOW = "Reveal";
+  const SHOW = "👀 Show answer";
   const NEXT = "▶️";
   const FLIP = "⟳ Flip";
-  const CHECK = "Check";
+  const CHECK = "👁️ Check guess";
   const test = window.test;  // top level node is test
   const numQuestions = test.length;
   var questionRow;
@@ -549,8 +549,8 @@ <H5><p id = "question-back"> </p></H5>
 }
 
 function reveal() {
-  const HIDE = "Hide";
-  const SHOW = "Reveal";
+  const HIDE = "🙈 Hide answer";
+  const SHOW = "👀 Show answer";
   if (document.getElementById("reveal-btn").innerHTML == HIDE) {
     document.getElementById("answer").className = "";
     document.getElementById("reveal-btn").innerHTML = SHOW;
@@ -572,7 +572,6 @@ <H5><p id = "question-back"> </p></H5>
     document.getElementById(letters[i]).className = "";
   }
   document.getElementById("answer").className = "";
-  document.getElementById("check-btn").className = "btn btn-secondary btn-med me-md-4";
   window.candAnswer="";
 }
 
@@ -581,7 +580,6 @@ <H5><p id = "question-back"> </p></H5>
   document.getElementById("answer").className = "";
   window.candAnswer=candidateAnswer;
   document.getElementById(candidateAnswer).className = "bg-warning";
-  document.getElementById("check-btn").className = "btn btn-info btn-med me-md-4";
 }
 
 function check() {