create starter and finished files for video 70

Asjas · Asjas · commit 8ad0d5395cc2 · 2020-04-29T17:01:59.000+02:00
diff --git a/playground/async-await-FINISHED.html b/playground/async-await-FINISHED.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>Async Await</title>
+  <link rel="stylesheet" href="../base.css">
+</head>
+
+<body>
+  <script>
+    function wait(ms = 0) {
+      return new Promise((resolve) => {
+        setTimeout(resolve, ms);
+      })
+    }
+
+    function makePizza(toppings = []) {
+      return new Promise(function (resolve, reject) {
+        // reject if people try with pineapple
+        if (toppings.includes('pineapple')) {
+          reject('Seriously? Get out 🍍');
+        }
+        const amountOfTimeToBake = 500 + (toppings.length * 200);
+        // wait 1 second for the pizza to cook:
+        setTimeout(function () {
+          // when you are ready, you can resolve this promise
+          resolve(`Here is your pizza 🍕 with the toppings ${toppings.join(' ')}`);
+        }, amountOfTimeToBake);
+        // if something went wrong, we can reject this promise;
+      });
+    }
+
+    async function go() {
+      console.log('Starting');
+      await wait(2000);
+      console.log('running');
+      await wait(200);
+      console.log('ending');
+    }
+
+    // go();
+
+    async function makeDinner() {
+      const pizzaPromise1 = makePizza(['pepperoni']);
+      const pizzaPromise2 = makePizza(['mushrooms']);
+      const [pep, mush] = await Promise.all([pizzaPromise1, pizzaPromise2]);
+      console.log(pep, mush);
+    }
+
+    makeDinner();
+
+    // // Function declaration
+    // async function fd() { }
+
+    // // arrow function
+    // const arrowFn = async () => { }
+
+    // // call back
+    // window.addEventListener('click', async function () {
+
+    // })
+
+    // //
+    // const person = {
+    //   // method
+    //   sayHi: async function () {
+
+    //   },
+    //   // method shorthand
+    //   async sayHello() {
+
+    //   },
+    //   // function property
+    //   sayHey: async () => {
+
+    //   }
+    // }
+  </script>
+</body>
+
+</html>
diff --git a/playground/async-await.html b/playground/async-await.html
@@ -10,73 +10,7 @@
 
 <body>
   <script>
-    function wait(ms = 0) {
-      return new Promise((resolve) => {
-        setTimeout(resolve, ms);
-      })
-    }
 
-    function makePizza(toppings = []) {
-      return new Promise(function (resolve, reject) {
-        // reject if people try with pineapple
-        if (toppings.includes('pineapple')) {
-          reject('Seriously? Get out 🍍');
-        }
-        const amountOfTimeToBake = 500 + (toppings.length * 200);
-        // wait 1 second for the pizza to cook:
-        setTimeout(function () {
-          // when you are ready, you can resolve this promise
-          resolve(`Here is your pizza 🍕 with the toppings ${toppings.join(' ')}`);
-        }, amountOfTimeToBake);
-        // if something went wrong, we can reject this promise;
-      });
-    }
-
-    async function go() {
-      console.log('Starting');
-      await wait(2000);
-      console.log('running');
-      await wait(200);
-      console.log('ending');
-    }
-
-    // go();
-
-    async function makeDinner() {
-      const pizzaPromise1 = makePizza(['pepperoni']);
-      const pizzaPromise2 = makePizza(['mushrooms']);
-      const [pep, mush] = await Promise.all([pizzaPromise1, pizzaPromise2]);
-      console.log(pep, mush);
-    }
-
-    makeDinner();
-
-    // // Function declaration
-    // async function fd() { }
-
-    // // arrow function
-    // const arrowFn = async () => { }
-
-    // // call back
-    // window.addEventListener('click', async function () {
-
-    // })
-
-    // //
-    // const person = {
-    //   // method
-    //   sayHi: async function () {
-
-    //   },
-    //   // method shorthand
-    //   async sayHello() {
-
-    //   },
-    //   // function property
-    //   sayHey: async () => {
-
-    //   }
-    // }
   </script>
 </body>
 
