Add prefix

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

help.js

@@ -6,10 +6,6 @@ function help() {
   const helpTextContainer = document.getElementsByClassName(
     "img-help-text-container"
   );
-  //   console.log("clicked");
-  //   console.log(this);
-
-  //   console.log(helpTextContainer[0]);
 
   helpTextContainer[0].classList.toggle("active");
 }

index.html

@@ -100,38 +100,6 @@ <h6 class="sound-details-youpress">Sound</h6>
           </div>
         </section>
 
-        <!-- <section class="help-text-container">
-          <h1>Keyboard Controls</h1>
-          <hr />
-
-          <div>
-            <small>Bass - <strong>B</strong></small> <br />
-            <small>Close Hi-Hat - <strong>N</strong></small> <br />
-            <small>Open Hi-Hat - <strong>M</strong></small> <br />
-            <small>Snare - <strong>C</strong></small> <br />
-            <small>High Tom - <strong>F</strong></small> <br />
-            <small>Mid Tom - <strong>G</strong></small> <br />
-            <small>Low/Floor Tom - <strong>H</strong></small> <br />
-            <small>Crash Cymbal - <strong>R</strong></small> <br />
-            <small>Ride Cymbal - <strong>U</strong></small> <br />
-          </div>
-
-          <hr />
-
-          <small
-            ><i
-              >Made by:
-              <strong
-                ><a href="https://www.facebook.com/dabeeeeeee7" target="_blank"
-                  >Mark Dave Panado</a
-                ></strong
-              ></i
-            ></small
-          >
-
-          <img src="images/Logo.png" alt="Dabe Logo" id="helpImg" />
-        </section> -->
-
         <div class="img-help-text-container">
           <div class="img-help-translate-container">
             <img src="images/Logo.png" alt="Dabe Logo" id="helpImg" />
@@ -171,6 +139,7 @@ <h1>Keyboard Controls</h1>
       </div>
     </div>
 
+    <!-- sounds -->
     <audio data-key="82" src="audio/China-Cymbal-Crash-Level-4A.mp3"></audio>
     <audio data-key="71" src="audio/Medium-Tom-Drum-Hit-Level-6A.mp3"></audio>
     <audio data-key="85" src="audio/Ride-Cymbal-Bell-Hit-C.mp3"></audio>

sound.js

@@ -23,17 +23,13 @@ function play(e) {
 
     message[0].style.display = "flex";
 
-    // console.log(message[0].children[0]);
-
-    // console.log(soundName[0]);
     if (!audio) {
       imageMessage[0].children[0].setAttribute("src", "images/fail.ico");
       imageMessage[0].children[0].setAttribute("alt", "Wrong");
       message[0].children[0].innerHTML = "Oops! wrong key";
       soundName[0].innerHTML = "No sound";
       return;
     } else {
-      // key.children[0].innerHTML;
       soundName[0].innerHTML = "Sound: " + key.children[0].innerHTML;
       audio.currentTime = 0;
       audio.play();
@@ -76,9 +72,6 @@ function addClickEventListener() {
 var pendingClick = 0;
 
 function clickKey(e) {
-  // e.preventDefault();
-  // console.log(e);
-
   this.classList.remove("playing");
   const dataKey = this.getAttribute("data-key");