Skip to content

Commit 9a2d562

Browse files
HalemoGPAHalemoGPA
committed
Week 26
1 parent 6c6f062 commit 9a2d562

File tree

7 files changed

+205
-13
lines changed

7 files changed

+205
-13
lines changed

‎Week26/Assignment1/index.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Document</title>
9+
</head>
10+
11+
<body>
12+
<script src="main.js"></script>
13+
</body>
14+
15+
</html>

‎Week26/Assignment1/jsonObject.json

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
[
2+
{
3+
"userId": 10,
4+
"title": "Article Title Number 1",
5+
"description": "Article Description Number 1"
6+
},
7+
{
8+
"userId": 5,
9+
"title": "Article Title Number 2",
10+
"description": "Article Description Number 2"
11+
},
12+
{
13+
"userId": 5,
14+
"title": "Article Title Number 3",
15+
"description": "Article Description Number 3"
16+
},
17+
{
18+
"userId": 5,
19+
"title": "Article Title Number 4",
20+
"description": "Article Description Number 4"
21+
},
22+
{
23+
"userId": 5,
24+
"title": "Article Title Number 5",
25+
"description": "Article Description Number 5"
26+
},
27+
{
28+
"userId": 5,
29+
"title": "Article Title Number 6",
30+
"description": "Article Description Number 6"
31+
},
32+
{
33+
"userId": 25,
34+
"title": "Article Title Number 7",
35+
"description": "Article Description Number 7"
36+
},
37+
{
38+
"userId": 25,
39+
"title": "Article Title Number 8",
40+
"description": "Article Description Number 8"
41+
},
42+
{
43+
"userId": 15,
44+
"title": "Article Title Number 9",
45+
"description": "Article Description Number 9"
46+
},
47+
{
48+
"userId": 15,
49+
"title": "Article Title Number 10",
50+
"description": "Article Description Number 10"
51+
}
52+
]

‎Week26/Assignment1/main.js

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
let myPromise = new Promise((res, rej) => {
2+
let request = new XMLHttpRequest();
3+
request.open("GET", "./jsonObject.json");
4+
request.send();
5+
request.onload = function () {
6+
if (this.readyState === 4 && this.status === 200) {
7+
res(request.response);
8+
} else {
9+
rej(Error("Not Found"));
10+
}
11+
};
12+
})
13+
.then((result) => {
14+
let myData = JSON.parse(result);
15+
myData.length = 5;
16+
return myData;
17+
})
18+
.then((result) => {
19+
for (let i = 0; i < result.length; i++) {
20+
let div = document.createElement("div");
21+
let h3 = document.createElement("h3");
22+
let p = document.createElement("p");
23+
let h3Text = document.createTextNode(result[i].title);
24+
let pText = document.createTextNode(result[i].description);
25+
p.append(pText);
26+
h3.append(h3Text);
27+
div.append(h3, p);
28+
document.body.append(div);
29+
}
30+
});

‎Week26/Assignment2/index.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Document</title>
9+
</head>
10+
11+
<body>
12+
<script src="main.js"></script>
13+
</body>
14+
15+
</html>

‎Week26/Assignment2/jsonObject.json

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
[
2+
{
3+
"userId": 10,
4+
"title": "Article Title Number 1",
5+
"description": "Article Description Number 1"
6+
},
7+
{
8+
"userId": 5,
9+
"title": "Article Title Number 2",
10+
"description": "Article Description Number 2"
11+
},
12+
{
13+
"userId": 5,
14+
"title": "Article Title Number 3",
15+
"description": "Article Description Number 3"
16+
},
17+
{
18+
"userId": 5,
19+
"title": "Article Title Number 4",
20+
"description": "Article Description Number 4"
21+
},
22+
{
23+
"userId": 5,
24+
"title": "Article Title Number 5",
25+
"description": "Article Description Number 5"
26+
},
27+
{
28+
"userId": 5,
29+
"title": "Article Title Number 6",
30+
"description": "Article Description Number 6"
31+
},
32+
{
33+
"userId": 25,
34+
"title": "Article Title Number 7",
35+
"description": "Article Description Number 7"
36+
},
37+
{
38+
"userId": 25,
39+
"title": "Article Title Number 8",
40+
"description": "Article Description Number 8"
41+
},
42+
{
43+
"userId": 15,
44+
"title": "Article Title Number 9",
45+
"description": "Article Description Number 9"
46+
},
47+
{
48+
"userId": 15,
49+
"title": "Article Title Number 10",
50+
"description": "Article Description Number 10"
51+
}
52+
]

‎Week26/Assignment2/main.js

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
let myData = fetch("./jsonObject.json");
2+
myData
3+
.then((result) => {
4+
let data = result.json();
5+
return data;
6+
})
7+
.then((result) => {
8+
result.length = 5;
9+
return result;
10+
})
11+
.then((result) => {
12+
for (let i = 0; i < result.length; i++) {
13+
let div = document.createElement("div");
14+
let h3 = document.createElement("h3");
15+
let p = document.createElement("p");
16+
let h3Text = document.createTextNode(result[i].title);
17+
let pText = document.createTextNode(result[i].description);
18+
p.append(pText);
19+
h3.append(h3Text);
20+
div.append(h3, p);
21+
document.body.append(div);
22+
}
23+
});

‎main.js

Lines changed: 18 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,19 @@
1-
let myRequest = new XMLHttpRequest();
2-
myRequest.open("GET", "https://api.github.com/users/HalemoGPA/repos", true);
3-
myRequest.send();
4-
myRequest.onreadystatechange = function () {
5-
if (this.readyState == 4 && this.status == 200) {
6-
let jsData = JSON.parse(this.responseText);
7-
for (let i = 0; i < jsData.length; i++) {
8-
let div = document.createElement("div");
9-
let repoName = document.createTextNode(jsData[i]["full_name"]);
10-
div.append(repoName);
11-
document.body.append(div);
12-
}
1+
const myPromise = new Promise((res, rej) => {
2+
setTimeout(() => {
3+
res("I am the good promise");
4+
}, 3000);
5+
});
6+
7+
async function fetchData() {
8+
console.log("Before Fetch");
9+
try {
10+
let myData = await fetch("https://api.github.com/users/HalemoGPA/repos");
11+
console.log(await myData.json());
12+
} catch (reason) {
13+
console.log(reason);
14+
} finally {
15+
console.log("After Fetch");
1316
}
14-
};
17+
}
18+
19+
fetchData();

0 commit comments

Comments
 (0)