diff --git a/README.md b/README.md
index edb8fc6..639c2fb 100644
--- a/README.md
+++ b/README.md
@@ -6,15 +6,25 @@ In a separate JS file:
When the page loads:
-- change the greeting from "Hello, There!" to "Hello, World!".
+1. Change the greeting from "Hello, There!" to "Hello, World!".
-- set the background color of each `
` to `yellow`.
+2. Set the background color of each `
` to `yellow`.
+
+3. Create an image tag, set its `src` attribute to `http://49.media.tumblr.com/tumblr_m6qt1rjPSz1rxjzkho1_500.gif`, and append the to the `#greeting` div.
Afterwards:
-3. add the class of `selected` to an `
` when it is clicked.
+4. Add the class of `selected` to an `
` when it is clicked. Remove it from any other `li`s as well.
+
+5. Change the image to be the most recently clicked food item.
+
+6. When the gray div is moused over, it's removed from the DOM.
+
+7. When the orange div is moused over, its width doubles. When the mouse moves out of the div, it returns to its original size.
+
+8. When the reset button is clicked - remove the `selected` class from
+ each `
`, change the image to `panic.jpeg`, and add the gray div back to the DOM if it has been removed.
-4. change the image to be the most recently clicked food item.
+9. When the a, e, i, o, or u key is pressed, the page alerts the message "I HATE VOWELS!"
-5. when the reset button is clicked - remove the `selected` class from
- each `
` and change the image to `panic.jpeg`.
\ No newline at end of file
+BONUS: If someone types the [Konami Code](https://en.wikipedia.org/wiki/Konami_Code), the page alerts "YOU ARE AN EVENT HANDLER GURUUUUUUUUU!"
\ No newline at end of file
diff --git a/app.css b/app.css
new file mode 100644
index 0000000..7c0d3d8
--- /dev/null
+++ b/app.css
@@ -0,0 +1,16 @@
+.selected {
+ font-weight: bold;
+}
+
+#ghosting, #resize {
+ width: 200px;
+ height: 200px;
+}
+
+#ghosting {
+ background-color: #ddd;
+}
+
+#resize {
+ background-color: orange;
+}
\ No newline at end of file
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..f2b6cae
--- /dev/null
+++ b/app.js
@@ -0,0 +1,7 @@
+console.log("Javascript is alive!");
+
+window.onload = function() {
+ document.querySelector('body').addEventListener('keypress', function(e) {
+ console.log(e)
+ })
+};
\ No newline at end of file
diff --git a/index.html b/index.html
index e6be37d..200f024 100644
--- a/index.html
+++ b/index.html
@@ -3,12 +3,8 @@
The DOM playground
-
-
+
+
