Added Review Problem

sudowork · yangsu · commit c46218605d1e · 2013-03-19T16:59:21.000-04:00
diff --git a/2013-02-26-javascript-review-problem.md b/2013-02-26-javascript-review-problem.md
@@ -0,0 +1,14 @@
+# JavaScript Practice Review Problem
+
+## Identifying Child Elements
+
+The purpose of this problem is to learn a little bit about how the document object model (DOM) works along with event handlers, and to review closures. In this exercise, you'll be adding click handlers to items in a list. The behavior of the handler should be to pop up an alert that contains the position of the child. In other words, when clicking the first list item, it should pop up an alert with the contents `0` because it is the 0-th child.
+
+In the `./review/` directory, you will find two files: `review.html` and `review.js`. The first file is going to be the test environment for running your code. Modify the code in `review.js` to add these click handlers.
+
+## Hints
+
+* Use [`document.getElementById()`](http://www.w3schools.com/jsref/dom_obj_core_document.asp) to retrieve a DOM element
+* Refer to the [DOM Node][] API for some helpful methods.
+
+[DOM Node]: http://www.w3schools.com/jsref/dom_obj_node.asp
diff --git a/review/review.html b/review/review.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+
+<html>
+  <head><title>JavaScript Review Problem: Identifying Child Elements</title></head>
+  <body>
+    <h3 id="list-title"></h3>
+    <ul id="list" style="background-color: #EEE;"></ul>
+    <script>
+      var numItems = Math.floor(Math.random() * 10 + 5),
+          list = document.getElementById('list'),
+          i, currItem;
+      document.getElementById('list-title').innerHTML = numItems + "-list";
+      console.log('Generating ' + numItems + ' list items.');
+      for (i = 0; i < numItems; i++) {
+        currItem = document.createElement('li');
+        currItem.innerHTML = "Click me!";
+        list.appendChild(currItem);
+      }
+    </script>
+    <script src="./review.js"></script>
+  </body>
+</html>
diff --git a/review/review.js b/review/review.js
@@ -0,0 +1,3 @@
+(function () {
+  // ...
+}());

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+(function () {`
	`2`	`+ // ...`
	`3`	`+}());`