add disable animation option

gwstaten · Aug 4, 2023 · c2afbac · c2afbac
1 parent fc2de6b
commit c2afbac
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -44,6 +44,7 @@ header {
   display: flex;
   justify-content: center;
 }
+
 .settingDisplay {
   color: gainsboro;
   font-size: 10px;

diff --git a/index.html b/index.html
@@ -46,12 +46,14 @@ <h1 class="title" id="title">wordle</h1>
             <input type="checkbox" id="BlindCheck">
             <p class="settingDisplay"> --- Accept any guess: </p>
             <input type="checkbox" id="AnyGuessCheck">
+            <p class="settingDisplay">Disable animation: </p>
+            <input type="checkbox" id="DACheck">
           </div>
           <div class="slidecontainer">
-            <p class="settingDisplay">Animation length per letter: </p>
-            <p id = "animationLength" class="settingDisplay">20</p>
-            <p class="settingDisplay">ms</p>
-            <input type="range" min="0" max="500" value="20" class="slider" id="animationSlider">
+              <p class="settingDisplay">Animation time: </p>
+              <p id = "animationLength" class="settingDisplay">20</p>
+              <p class="settingDisplay">ms</p>
+              <input type="range" min="0" max="500" value="20" class="slider" id="animationSlider">
           </div>
           <div class="slidecontainer">
             <p class="settingDisplay" id="alert"> </p>

diff --git a/js/main.js b/js/main.js