Esther Ng Keyboard

noise.js

@@ -1,3 +1,28 @@
 $(document).ready( function() {
-  // your code here
+
+  $('.instrument').on('click', 'button', function(event) {
+    var classString = $(this).attr("class");
+    var note = classString.charAt(5);
+    playIt(note);
+  });
+
+  $('body').keydown(function(event) {
+    if (event.key.match(/[a-gA-G]/)){
+      playIt(event.key.toLowerCase());
+    }
+  });
+
 });
+
+
+var playIt = function(note) {
+  var sound = $("#" + note + 'Audio');
+  sound[0].load();
+  sound[0].play();
+};
+
+// var embeds = ($('#audio_embeds').children("audio"));
+// var clips = embeds.map(function() {
+//   return $(this).attr("id");
+// });
+// console.log(clips);

noiseComments.js

@@ -0,0 +1,50 @@
+$(document).ready( function() {
+  // your code here
+  // $('#cAudio').play();
+  // console.log(cAudio);
+  // console.log(cNote);
+  // var playIt = playAudio();
+  // cNote.click(playIt(cAudio));
+  // var cAudio = ($('#cAudio'));
+  // var cNote = $('.c');
+  // cNote.click(playAudio(cAudio));
+
+  var embeds = ($('#audio_embeds').children("audio"));
+  // var clips = embeds.map(function() {
+  //   return $(this).attr("id");
+  // });
+  console.log(embeds[0]);
+  // console.log(clips[0].includes("c"));
+
+  // $('.instrument').on('click', 'button', function(event) {
+  //   var noteArray = $(this).attr("class");
+  //   var note = noteArray[5];
+  //   play
+  //   // var sound = $("#" + note + 'Audio');
+  //   // sound[0].play();
+  // });
+  //
+  // $('body').keydown(function(event) {
+  //   var note = event.key;
+  //   playIt(note);
+  //   // var sound = $("#" + note + 'Audio');
+  //   // sound[0].play();
+  // });
+
+});
+// 
+// var playIt = function(note) {
+//   var sound = $("#" + note + 'Audio');
+//   sound[0].play();
+// };
+
+// function playAudio(clip) {
+//   clip.play();
+// }
+
+// function playAudio() {
+//   var playThis = function(audio) {
+//     audio.play();
+//   };
+//   return playThis;
+// }