jizo79
diff --git a/‎exercises/33 - Etch-a-Sketch/index.html‎
Lines changed: 1 addition & 1 deletion b/‎exercises/33 - Etch-a-Sketch/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎exercises/46 - Arrays/for-loops.html‎
Lines changed: 81 additions & 0 deletions b/‎exercises/46 - Arrays/for-loops.html‎
Lines changed: 81 additions & 0 deletions
diff --git a/‎exercises/53 - Face Detection Censorship/face.html‎
Lines changed: 47 additions & 0 deletions b/‎exercises/53 - Face Detection Censorship/face.html‎
Lines changed: 47 additions & 0 deletions
@@ -16,7 +16,7 @@
     </div>
 
   </div>
-  <script src="./etch-a-sketch.js"></script>
+  <script src="./etch-a-sketch-FINISHED.js"></script>
 
   <style>
     body {
 
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>For Loops</title>
+</head>
+
+<body>
+  <script>
+    const numbers = [2, 34, 3, 23, 42, 3, 1, 65, 364, 5, 645, 6];
+
+    const name = 'Wes Bos👪🏻🎅🏻👩‍👩‍👧‍👦';
+
+    const wes = {
+      name: 'wes',
+      age: 100,
+      cool: true
+    }
+
+    // For
+    // for (let i = 100; i <= 120; i += 2) {
+    //   console.log(i);
+    // }
+
+    // for (let i = 0; i < numbers.length; i++) {
+    //   console.log(numbers[i]);
+    // }
+
+    // For of
+
+    for (const letter of name) {
+      console.log(letter);
+    }
+
+    for (const number of numbers) {
+      console.log(number)
+    }
+    // For in - used for looping over keys of an object
+    for (const prop in wes) {
+      console.log(prop)
+    }
+
+    const baseHumanStats = {
+      feet: 2,
+      arms: 2,
+      eyes: 2,
+      head: 1
+    };
+
+    function Human(name) {
+      this.name = name;
+    }
+
+    Human.prototype = baseHumanStats;
+
+    const wes2 = new Human('wes');
+
+    console.log(Object.entries(wes2))
+
+    for (const prop in wes2) {
+      console.log(prop);
+    }
+
+    // While Loop
+    let cool = true;
+    let i = 1;
+    while (cool === true) {
+      console.log('You are cool');
+      i++;
+      if (i > 100) {
+        cool = false;
+      }
+    }
+
+  </script>
+</body>
+
+</html>
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Censorship</title>
+  <link rel="stylesheet" href="../base.css">
+</head>
+
+<body>
+  <div class="wrap">
+    <video class="webcam"></video>
+    <canvas class="video"></canvas>
+    <canvas class="face"></canvas>
+  </div>
+  <script src="./pixelated-face-DEMO.js"></script>
+
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+
+    body {
+      margin: 0;
+    }
+
+    .wrap {
+      position: relative;
+      min-height: 100vh;
+      display: grid;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .wrap>* {
+      grid-column: 1;
+      grid-row: 1;
+    }
+
+
+    .face {
+      position: absolute;
+    }
+  </style>
+</body>
+
+</html>