diff --git a/Public/drum_kit.html b/Public/drum_kit.html
index 15eea078..fc4772ed 100644
--- a/Public/drum_kit.html
+++ b/Public/drum_kit.html
@@ -25,7 +25,7 @@ <h1 id="title">Drum 🥁 Kit</h1>
   <footer>
   </footer>
 
-  <script src="../assets/js/drum_kit.js" charset="utf-8"></script>
+  <script src="../assets/Js/drum_kit.js" defer></script>
 </body>
 
 </html>
diff --git a/Public/flappybird.html b/Public/flappybird.html
index 373f4560..f712960e 100644
--- a/Public/flappybird.html
+++ b/Public/flappybird.html
@@ -11,7 +11,7 @@
     <canvas id="canvas" width="1280" height="600"></canvas>
 
 </body>
-<script src="../assets/Js/flappybird.js"></script>
+<script src="../assets/Js/flappybird.js" defer></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/assets/Js/drum_kit.js b/assets/Js/drum_kit.js
index 23737149..7bdace24 100644
--- a/assets/Js/drum_kit.js
+++ b/assets/Js/drum_kit.js
@@ -7,6 +7,7 @@ for (var i = 0; i < document.querySelectorAll(".drum").length; i++) {
   }
   
   document.addEventListener("keypress", function(event) {
+    console.log(event.key);
     makeSound(event.key);
     buttonAnimation(event.key);
   });
diff --git a/assets/Js/flappybird.js b/assets/Js/flappybird.js
index 77e6c650..9674818c 100644
--- a/assets/Js/flappybird.js
+++ b/assets/Js/flappybird.js
@@ -9,11 +9,11 @@ var fg = new Image();
 var pipeNorth = new Image();
 var pipeSouth = new Image();
 
-bird.src = "../assets/images/flappybird/bird4.png";
-bg.src = "../assets/images/flappybird/bg.jpg";
+bird.src = "../../assets/Images/flappybird/bird4.png";
+bg.src = "../../assets/Images/flappybird/bg.jpg";
 
-pipeNorth.src = "../assets/images/flappybird/pipeNorth.png";
-pipeSouth.src = "../assets/images/flappybird/pipeSouth.png";
+pipeNorth.src = "../../assets/Images/flappybird/pipeNorth.png";
+pipeSouth.src = "../../assets/Images/flappybird/pipeSouth.png";
 
 
 // some variables