added sound on click 5 (typewriter)

src/js/commandline-lists.js

@@ -951,6 +951,15 @@ let commandsSoundOnClick = {
         Sound.playClick(Config.playSoundOnClick);
       },
     },
+    {
+      id: "setSoundOnClick5",
+      display: "5",
+      configValue: "5",
+      exec: () => {
+        UpdateConfig.setPlaySoundOnClick("5");
+        Sound.playClick(Config.playSoundOnClick);
+      },
+    },
   ],
 };
 

src/js/sound.js

@@ -125,6 +125,50 @@ export function init() {
         counter: 0,
       },
     ],
+    5: [
+      {
+        sounds: [
+          new Howl({ src: "../sound/click5/click5_1.wav" }),
+          new Howl({ src: "../sound/click5/click5_11.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click5/click5_2.wav" }),
+          new Howl({ src: "../sound/click5/click5_22.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click5/click5_3.wav" }),
+          new Howl({ src: "../sound/click5/click5_33.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click5/click5_4.wav" }),
+          new Howl({ src: "../sound/click5/click5_44.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click5/click5_5.wav" }),
+          new Howl({ src: "../sound/click5/click5_55.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click5/click5_6.wav" }),
+          new Howl({ src: "../sound/click5/click5_66.wav" }),
+        ],
+        counter: 0,
+      },
+    ],
   };
 }
 

static/index.html

@@ -847,7 +847,7 @@
                 autocomplete="off"
                 autocapitalize="off"
                 autocorrect="off"
-              >
+              />
               <div id="timerNumber" class="timerMain">
                 <div>60</div>
               </div>
@@ -2511,6 +2511,14 @@
                   >
                     4
                   </div>
+                  <div
+                    class="button"
+                    playSoundOnClick="5"
+                    tabindex="0"
+                    onclick="this.blur();"
+                  >
+                    5
+                  </div>
                 </div>
               </div>
               <div class="section playSoundOnError">