-
+
+
diff --git a/noise.css b/noise.css
index 5c37256..df291b0 100644
--- a/noise.css
+++ b/noise.css
@@ -3,7 +3,12 @@ html {
}
body {
- background-color: black;
+ background-color: black;
+}
+
+#sky-header {
+ color: white;
+ font-family: 'Quicksand', sans-serif;
}
.instrument {
diff --git a/noise.js b/noise.js
index 1d6dd4b..89e4be6 100644
--- a/noise.js
+++ b/noise.js
@@ -1,3 +1,18 @@
-$(document).ready( function() {
- // your code here
+var loadPlay = function(sound) {
+ sound.load();
+ sound.play();
+};
+
+$(document).ready(function() {
+ $('.note').on('click', function() {
+ var noteSelected = $(this).html();
+ // alert("You played note: " + noteSelected);
+ var sound = $('#' + noteSelected + 'Audio')[0];
+ loadPlay(sound);
+ });
+
+ $('body').keydown(function(event) {
+ var sound = $('#' + event.key + 'Audio')[0];
+ loadPlay(sound);
+ });
});