Untitled

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="loops">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
// Loops: while, for, for in.
// Making your way through the world today.
// while loops address a condition and execute the code within {} as
// long as that statement holds true
"use strict";

var x = 0;
while (x === 0) {}
//console.log("we're ready for something");

// for loops declare a starting value, a range, and an increment to adjust
// the variable to
var firstHundred = [];
var firstHundredReversed = [];
for (var i = 0; i < 101; i++) {
  firstHundred.push(i);
}
console.log(firstHundred);
for (var i = 100; i > -1; i--) {
  firstHundredReversed.push(i);
}
console.log(firstHundredReversed);

//looping over an array
var nums = [1, 4, 5, 2, 5, 6, 8, 9, 5, 6, 75, 4, 53, 57, 98, 2];
for (var i = 0; i < nums.length; i++) {
  console.log(nums[i]);
}

//for in loops
//these are used for going through values within an object
var tri = { 20: 40, 40: 45, 30: 60 };
for (var new1 in tri) {
  console.log("X: " + new1 + " Y: " + tri[new1]);
}
var keys = Object.keys(tri);

for (var i = 0; i < keys.length; i++) {
  console.log("forwardX " + keys[i]);
  console.log("forwardY " + tri[keys[i]]);
  //console.log(keys);
}
for (var i = keys.length - 1; i > -1; i--) {
  console.log("revX " + keys[i]);
  console.log("revY " + tri[keys[i]]);
}
</script>


<script id="jsbin-source-javascript" type="text/javascript">// Loops: while, for, for in.
// Making your way through the world today.
// while loops address a condition and execute the code within {} as
// long as that statement holds true
      var x = 0;
      while (x === 0) {
        //console.log("we're ready for something");
      }
// for loops declare a starting value, a range, and an increment to adjust
// the variable to
      var firstHundred = [];
      var firstHundredReversed = [];
      for (var i = 0; i <101; i ++){
        firstHundred.push(i);
      }
        console.log(firstHundred);
      for (var i = 100; i > -1; i --){
        firstHundredReversed.push(i);
      }
        console.log(firstHundredReversed);

//looping over an array
      var nums = [1, 4, 5, 2, 5, 6, 8, 9, 5, 6, 75, 4, 53, 57, 98, 2];
      for(var i = 0; i <nums.length; i ++) {
        console.log(nums[i]);
      }

//for in loops
//these are used for going through values within an object
      var tri = {20:40, 40:45, 30:60};
      for (var new1 in tri){
        console.log("X: " + new1 + " Y: " + tri[new1]);
      }
      var keys = Object.keys(tri);

      for (var i = 0; i < keys.length; i ++){
        console.log("forwardX " + keys[i]);
        console.log("forwardY " + tri[keys[i]]);
         //console.log(keys);
      }
      for (var i = keys.length - 1; i > -1; i--){
         console.log("revX " + keys[i]);
         console.log("revY " + tri[keys[i]]);
         }</script></body>
</html>