classwork-21

Balashov Nikita · OlegLustenko · commit 181effa436c5 · 2018-08-11T07:40:20.000+03:00
diff --git a/js-core/classworks/classwork-21/index.html b/js-core/classworks/classwork-21/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Class work 21</title>
+</head>
+<body>
+<script src="src/main.js"></script>
+</body>
+</html>
diff --git a/js-core/classworks/classwork-21/src/main.js b/js-core/classworks/classwork-21/src/main.js
@@ -0,0 +1,58 @@
+const url = 'https://jsonplaceholder.typicode.com/users/';
+
+const getUser = (userId, callback) => {
+    const xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = () => {
+        if(xhr.readyState === 4) {
+            const user = JSON.parse(xhr.response);
+            callback(user);
+        }
+    }
+    xhr.open('GET', `${url}/${userId}`, true);
+    xhr.send();
+} 
+
+getUser(1, user1 => {
+    getUser(2, user2 => {
+        getUser(3, user3 => {
+            console.log(user1.id + user2.id + user3.id);
+            console.log(user1.name + user2.name + user3.name);
+        })
+    })
+})
+
+
+// const myPromise = new Promise((resolve, reject) => {
+
+// })
+
+const users = [1, 2, 3];
+
+const usersPromise = users.map(user => {
+    return fetch(url + user).then(response => response.json());
+})
+
+Promise.all(usersPromise)
+    .then(allUsers => {
+        console.log(allUsers);
+    })
+
+const url2 = 'http://easycode-js.herokuapp.com/ollu/users';
+
+fetch(url2)
+    .then(data => {
+        return data.json()
+    })
+    .then(users => console.log(users));
+
+fetch(url2, {
+    method: 'POST',
+    headers: {
+        'Content-type': 'application/json'
+    },
+    body: JSON.stringify({
+        fullName: 'Leon Kara',
+        email: 'kara@mail.com',
+        phone: '00000000'
+    })
+})    
diff --git a/phone-book/img/avatar.jpg b/phone-book/img/avatar.jpg
