From 8eb52fb8ef05155cad8f1a1f2f65d10dc40a0c7f Mon Sep 17 00:00:00 2001
From: David <davidaster007@gmail.com>
Date: Tue, 15 Nov 2022 19:11:13 +0100
Subject: [PATCH] =?UTF-8?q?hinzugef=C3=BCgt=20Module=20Pattern,=20await=20?=
 =?UTF-8?q?und=20async=20Funtionen,=20verwendet=20json=20placeholder=20API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chapter17/awaitMethod.js                  | 26 +++++++++++++++
 .../Javascript Expert/chapter17/index.html    |  2 +-
 .../chapter17/modulePattern.js                | 33 +++++++++++++++++++
 .../chapter17/shoppingCart.js                 |  3 ++
 4 files changed, 63 insertions(+), 1 deletion(-)
 create mode 100644 javascript/Javascript Expert/chapter17/awaitMethod.js
 create mode 100644 javascript/Javascript Expert/chapter17/modulePattern.js

diff --git a/javascript/Javascript Expert/chapter17/awaitMethod.js b/javascript/Javascript Expert/chapter17/awaitMethod.js
new file mode 100644
index 0000000..dcebb77
--- /dev/null
+++ b/javascript/Javascript Expert/chapter17/awaitMethod.js	
@@ -0,0 +1,26 @@
+import "./shoppingCart.js";
+
+// console.log("Start fetching");
+// const response = await fetch("https://jsonplaceholder.typicode.com/posts");
+
+// const data = await response.json();
+// console.log(data);
+// console.log("Something");
+
+const getLastPost = async function () {
+  const response = await fetch("https://jsonplaceholder.typicode.com/posts");
+  const data = await response.json();
+  console.log(data);
+
+  return { title: data.at(-1).title, text: data.at(-1).body };
+};
+
+const lastPost = getLastPost();
+console.log(lastPost);
+
+lastPost.then(function (last) {
+  console.log(last);
+});
+
+const lastPost2 = await getLastPost();
+console.log(lastPost2);
diff --git a/javascript/Javascript Expert/chapter17/index.html b/javascript/Javascript Expert/chapter17/index.html
index 6b4c3f1..7c3ba46 100644
--- a/javascript/Javascript Expert/chapter17/index.html	
+++ b/javascript/Javascript Expert/chapter17/index.html	
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <script defer type="module" src="script.js"></script>
+    <script defer type="module" src="modulePattern.js"></script>
     <title>Modern JavaScript Development: Modules and Tooling</title>
     <style>
       body {
diff --git a/javascript/Javascript Expert/chapter17/modulePattern.js b/javascript/Javascript Expert/chapter17/modulePattern.js
new file mode 100644
index 0000000..8cbd196
--- /dev/null
+++ b/javascript/Javascript Expert/chapter17/modulePattern.js	
@@ -0,0 +1,33 @@
+const ShoppingCard2 = (function () {
+  // solche function wird automatisch ausgeführt und die Eigenschaften/Werte werden eingestellt
+  //und werden in die Variable ShoppingCard2 als Object gespeichert
+  const cart = [];
+  const shippingCost = 10;
+  const totalPrice = 235;
+  const totalQuantitiy = 5;
+
+  const addToCart = function (product, quantity) {
+    cart.push({ product, quantity });
+    console.log(`${product}, ${quantity} added to cart`);
+  };
+
+  const orderStock = function (product, quantity) {
+    cart.push({ product, quantity });
+    console.log(`${product}, ${quantity} ordered from supplier`);
+  };
+
+  return {
+    // die Funktion gibt die eingestellten Werte zurück
+    cart,
+    totalPrice,
+    totalQuantitiy,
+    addToCart,
+  };
+})();
+// aus der Crome Console ist das Objekt ShoppingCart2 nicht sichtbar, weil alle Eigenschaten in Modulen privat sind,
+// dort griffen zum Eigenschaften mit globalen Zugriff zu, aus diesem Grund sind solchen Daten unzugänglich
+
+ShoppingCard2.addToCart("apfel", 5);
+ShoppingCard2.addToCart("heidelbeeren", 1);
+console.log(ShoppingCard2);
+console.log(ShoppingCard2.shippingCost); // undefined
diff --git a/javascript/Javascript Expert/chapter17/shoppingCart.js b/javascript/Javascript Expert/chapter17/shoppingCart.js
index 3e6140b..900d412 100644
--- a/javascript/Javascript Expert/chapter17/shoppingCart.js	
+++ b/javascript/Javascript Expert/chapter17/shoppingCart.js	
@@ -1,6 +1,9 @@
 console.log("Exporting Module");
 const shippingCost = 10;
 const cart = [];
+console.log("Start fetching users");
+await fetch("https://jsonplaceholder.typicode.com/users");
+console.log("Finish fetching users");
 
 const addToCart = function (product, quantity) {
   cart.push({ product, quantity });