fixed colors and index file for program to run

index.html

@@ -14,7 +14,7 @@
 
     <article>
 	    <h1>Instructions</h1>
-        <p>Your missioin is to debug js/colors.js. The javascript application depends on this file to feed it the color data to write to screen.</p>
+        <p>Your mission is to debug js/colors.js. The javascript application depends on this file to feed it the color data to write to screen.</p>
         <p>Use the developer tools in your browser to debug and fix the code.</p>
 	</article>
 
@@ -28,4 +28,4 @@
     <script type="text/javascript" src="js/colors.js"></script>
     <script type="text/javascript" src="js/index.js"></script>
 </body>
-</html>
+</html>

js/colors.js

@@ -1,10 +1,10 @@
-var colorsArray : {
-    colors=[
+var colorsArray = {
+    "colors" :[
         {
             "name":"green",
             "red":"64",
             "green":"175",
-            "blue":"63",
+            "blue":"63"
         },
         {
             "name":"yellow",
@@ -13,21 +13,22 @@ var colorsArray : {
             "blue":"62"
         },
         {
-            name:"red",
-            red:"192",
-            green:"46",
-            blue:"35"
-        }
+            "name":"red",
+            "red":"192",
+            "green":"46",
+            "blue":"35"
+        },
         {
             "name":"blue",
             "red":"19",
             "green":"71",
-            "blue":"144",
+            "blue":"144"
         },
         {
-            "name"="orange",
-            "red"="253",
-            "green"="92",
-            "blue"="48"
-        },
+            "name":"orange",
+            "red":"253",
+            "green":"92",
+            "blue":"48"
+        }
     ]
+  }

js/index.js

@@ -17,7 +17,7 @@ window.onload = function()
 	canvas.width = W;
 	canvas.height = H;
 
-	//console.log("my color request: "+colorsArray);
+	console.log("my color request: "+colorsArray);
 
 	/*===============Box class=================================*/
 	function Box(_x, _y)
@@ -35,9 +35,9 @@ window.onload = function()
 		this.height = 20;
 
 		//random colors for our box
-		/*this.r = Math.round(Math.random()*255);
+		this.r = Math.round(Math.random()*255);
 		this.g = Math.round(Math.random()*255);
-		this.b = Math.round(Math.random()*255);*/
+		this.b = Math.round(Math.random()*255);
 
 		this.randomColor = randomInt(0,colorsArray.colors.length-1);
 		this.r = colorsArray.colors[this.randomColor].red;
@@ -136,4 +136,4 @@ window.onload = function()
 	//set interval so we can draw then update our drawing
 	// every 30 milisecond
 	setInterval(draw,30);
-}
+}