converted 'loops' to the new code convention

Author: RedWolves

page/javascript-101/loops.md

@@ -4,14 +4,15 @@ attribution:  jQuery Fundamentals
 ---
 Loops let you run a block of code a certain number of times.
 
-<javascript caption="A for loop">
-    // logs 'try 0', 'try 1', ..., 'try 4'
-    for (var i=0; i<5; i++) {
-        console.log('try ' + i);
-    }
-</javascript>
-
-<div class="note" markdown="1">
+``` js
+// A for loop
+// logs 'try 0', 'try 1', ..., 'try 4'
+for (var i=0; i<5; i++) {
+    console.log('try ' + i);
+}
+```
+
+<div class="note">
 Note that in Loops even though we use the keyword var before
 the variable name i, this does not "scope" the variable i to the loop block.
 We'll discuss scope in depth later in this chapter.
@@ -21,9 +22,11 @@ We'll discuss scope in depth later in this chapter.
 
 A `for` loop is made up of four statements and has the following structure:
 
-    for ([initialisation]; [conditional]; [iteration]) {
-     [loopBody]
-    }
+``` js
+for ([initialisation]; [conditional]; [iteration]) {
+ [loopBody]
+}
+```
 
 The _initialisation_ statement is executed only once, before the loop starts. It
 gives you an opportunity to prepare or declare any variables.
@@ -43,45 +46,50 @@ and so will wrap them in a block ( {...}).
 
 Here's a typical for loop:
 
-<javascript caption="A typical for loop">
-    for (var i = 0, limit = 100; i < limit; i++) {
-      // This block will be executed 100 times
-      console.log('Currently at ' + i);
-      // Note: the last log will be "Currently at 99"
-    }
-</javascript>
+``` js
+// A typical for loop
+for (var i = 0, limit = 100; i < limit; i++) {
+  // This block will be executed 100 times
+  console.log('Currently at ' + i);
+  // Note: the last log will be "Currently at 99"
+}
+```
 
 ## The `while` loop
 
 A while loop is similar to an if statement, except that its body will keep
 executing until the condition evaluates to false.
 
-    while ([conditional]) {
-      [loopBody]
-    }
+``` js
+while ([conditional]) {
+  [loopBody]
+}
+```
 
 Here's a typical while loop:
 
-<javascript caption="A typical while loop">
-    var i = 0;
-    while (i < 100) {
-      // This block will be executed 100 times
-      console.log('Currently at ' + i);
+``` js 
+// A typical while loop
+var i = 0;
+while (i < 100) {
+  // This block will be executed 100 times
+  console.log('Currently at ' + i);
 
-      i++; // increment i
-    }
-</javascript>
+  i++; // increment i
+}
+```
 
 You'll notice that we're having to increment the counter within the loop's
 body. It is possible to combine the conditional and incrementer, like so:
 
-<javascript caption="A while loop with a combined conditional and incrementer">
-    var i = -1;
-    while (++i < 100) {
-      // This block will be executed 100 times
-      console.log('Currently at ' + i);
-    }
-</javascript>
+``` js 
+// A while loop with a combined conditional and incrementer
+var i = -1;
+while (++i < 100) {
+  // This block will be executed 100 times
+  console.log('Currently at ' + i);
+}
+```
 
 Notice that we're starting at -1 and using the prefix incrementer (++i).
 
@@ -90,21 +98,23 @@ Notice that we're starting at -1 and using the prefix incrementer (++i).
 This is almost exactly the same as the while loop, except for the fact that the
 loop's body is executed at least once before the condition is tested.
 
-    do {
-      [loopBody]
-    } while ([conditional])
-
+``` js
+do {
+  [loopBody]
+} while ([conditional])
+```
 Here's a do-while loop:
 
-<javascript caption="A do-while loop">
-    do {
-      // Even though the condition evaluates to false
-      // this loop's body will still execute once.
+``` js
+// A do-while loop
+do {
+  // Even though the condition evaluates to false
+  // this loop's body will still execute once.
 
-      alert('Hi there!');
+  alert('Hi there!');
 
-    } while (false);
-</javascript>
+} while (false);
+```
 
 These types of loops are quite rare since only few situations require a loop
 that blindly executes at least once. Regardless, it's good to be aware of it.
@@ -115,26 +125,28 @@ Usually, a loop's termination will result from the conditional statement not
 evaluating to true, but it is possible to stop a loop in its tracks from within
 the loop's body with the break statement.
 
-<javascript caption="Stopping a loop">
-    for (var i = 0; i < 10; i++) {
-      if (something) {
-        break;
-      }
-    }
-</javascript>
+``` js
+// Stopping a loop
+for (var i = 0; i < 10; i++) {
+  if (something) {
+    break;
+  }
+}
+```
 
 You may also want to continue the loop without executing more of the loop's
 body. This is done using the continue statement.
 
 
-<javascript caption="Skipping to the next iteration of a loop">
-    for (var i = 0; i < 10; i++) {
-      if (something) {
-          continue;
-      }
+``` js 
+// Skipping to the next iteration of a loop
+for (var i = 0; i < 10; i++) {
+  if (something) {
+      continue;
+  }
 
-      // The following statement will only be executed
-      // if the conditional 'something' has not been met
-      console.log('I have been reached');
-    }
-</javascript>
+  // The following statement will only be executed
+  // if the conditional 'something' has not been met
+  console.log('I have been reached');
+}
+```