diff --git a/boxes.js b/boxes.js
index 6b2b3db..3f02e01 100644
--- a/boxes.js
+++ b/boxes.js
@@ -1 +1,38 @@
+"use strict";
+
console.log("hello world");
+$(document).ready(function(){
+ alert("DOM is ready to be manipulated!");
+ var secretBox = $("#secretBox");
+ secretBox.css("background-color", "white");
+ secretBox.append("
Secret Box!
");
+ // var firstRow = $("#row1");
+ // firstRow.children().attr("class", "boxType3");
+ // $("#row4 div").last().css("display", "none");
+ // $(".boxType1").css("background-color", "white");
+ // $("#row2 div:lt(2)").attr("class", "");
+ // $("#container div").not(".row, #secretBox").css("width", "2px");
+ $("#container").click(function(event){
+ console.log("X: " + event.pageX + " Y: " + event.pageY);
+ });
+ $(".boxType1").not("#secretBox").append("Go to Galvanize");
+ $("a").click(function(event){
+ alert("Just kidding. You'll never escape this playground!");
+ event.preventDefault();
+ });
+ $(".box").click(function(){
+ if($(this).find("img").length === 0){
+ $(this).append("
");
+ }else{
+ $(this).find("img").remove();
+ }
+ });
+ $("#container").click(function(event){
+ if($(event.target).is($(this))){
+ $(this).css("background-color", "limegreen");
+ }else{
+ $(event.target).css("background-color", "white");
+ $(this).css("background-color", "black");
+ }
+});
+});