diff --git a/index.html b/index.html
index 2023809..7729dd3 100644
--- a/index.html
+++ b/index.html
@@ -12,41 +12,41 @@
       <audio id="cAudio">
         <source src="media/c_note.mp3" type="audio/mpeg"></source>
         <source src="media/c_note.ogg" type="audio/ogg"></source>
-        <source src="media/c_note.wav" type="audio/wav"></source>   
+        <source src="media/c_note.wav" type="audio/wav"></source>
       </audio>
       <audio id="dAudio">
         <source src="media/d_note.mp3" type="audio/mpeg"></source>
         <source src="media/d_note.ogg" type="audio/ogg"></source>
-        <source src="/media/d_note.wav" type="audio/wav"></source>   
-      </audio> 
+        <source src="/media/d_note.wav" type="audio/wav"></source>
+      </audio>
       <audio id="eAudio">
         <source src="media/e_note.mp3" type="audio/mpeg"></source>
         <source src="media/e_note.ogg" type="audio/ogg"></source>
-        <source src="media/e_note.wav" type="audio/wav"></source>   
+        <source src="media/e_note.wav" type="audio/wav"></source>
       </audio>
       <audio id="fAudio">
         <source src="media/f_note.mp3" type="audio/mpeg"></source>
         <source src="media/f_note.ogg" type="audio/ogg"></source>
-        <source src="media/f_note.wav" type="audio/wav"></source>   
+        <source src="media/f_note.wav" type="audio/wav"></source>
       </audio>
       <audio id="gAudio">
         <source src="media/g_note.mp3" type="audio/mpeg"></source>
         <source src="media/g_note.ogg" type="audio/ogg"></source>
-        <source src="media/g_note.wav" type="audio/wav"></source>   
+        <source src="media/g_note.wav" type="audio/wav"></source>
       </audio>
       <audio id="aAudio">
         <source src="media/a_note.mp3" type="audio/mpeg"></source>
         <source src="media/a_note.ogg" type="audio/ogg"></source>
-        <source src="media/a_note.wav" type="audio/wav"></source>   
+        <source src="media/a_note.wav" type="audio/wav"></source>
       </audio>
       <audio id="bAudio">
         <source src="media/b_note.mp3" type="audio/mpeg"></source>
         <source src="media/b_note.ogg" type="audio/ogg"></source>
-        <source src="media/b_note.wav" type="audio/wav"></source>   
+        <source src="media/b_note.wav" type="audio/wav"></source>
       </audio>
     </div>
-    <div class="instrument">   
-      <button class="note c">c</button>        
+    <div class="instrument">
+      <button class="note c">c</button>
       <button class="note d">d</button>
       <button class="note e">e</button>
       <button class="note f">f</button>
@@ -54,5 +54,7 @@
       <button class="note a">a</button>
       <button class="note b">b</button>
     </div>
+
+    
   </body>
 </html>
diff --git a/media/a_note.mp3 b/media/a_note.mp3
index b658113..b48171c 100644
Binary files a/media/a_note.mp3 and b/media/a_note.mp3 differ
diff --git a/media/e_note.mp3 b/media/e_note.mp3
index a9eed15..bcecaea 100644
Binary files a/media/e_note.mp3 and b/media/e_note.mp3 differ
diff --git a/media/t_note.mp3 b/media/t_note.mp3
new file mode 100644
index 0000000..a9eed15
Binary files /dev/null and b/media/t_note.mp3 differ
diff --git a/noise.css b/noise.css
index 5c37256..527e0ec 100644
--- a/noise.css
+++ b/noise.css
@@ -3,7 +3,7 @@ html {
 }
 
 body {
-  background-color: black;   
+  background-color: black;
 }
 
 .instrument {
diff --git a/noise.js b/noise.js
index 1d6dd4b..203a4bb 100644
--- a/noise.js
+++ b/noise.js
@@ -1,3 +1,24 @@
+var playNote = function(note){
+
+  note.load();
+  note.play();
+};
+
 $(document).ready( function() {
-  // your code here
-});
+  //for clicking
+  $('.note').on("click",function() {
+    var sound = $(this).html();
+    var note = $('#' + sound + 'Audio')[0];
+    // notes.load();
+    // notes.play();
+    playNote(note);
+  });
+
+//for keyboard functionality
+  $('body').keydown(function(event) {
+    var noise = $('#' + event.key + 'Audio')[0];
+    // noise.load();
+    // noise.play();
+    playNote(noise);
+  });
+  });