forked from kapprw/js-test
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscript.js
More file actions
59 lines (56 loc) · 1.99 KB
/
script.js
File metadata and controls
59 lines (56 loc) · 1.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
var postManager = function () {
var container = document.getElementById('content');
//YOUR CODE HERE
/* You have to order the following posts by userId (Ascending) then add them in a list inside the 'container' */
this.posts.sort((a, b) => a.userId - b.userId);
var ul = document.createElement('ul');
this.posts.forEach((el) => {
var li = document.createElement('li');
var h3 = document.createElement('h3');
var p = document.createElement('p');
h3.innerHTML = el.userId + ' ' + el.title;
p.innerHTML = el.body;
li.appendChild(h3);
li.appendChild(p);
ul.appendChild(li);
});
container.appendChild(ul);
};
postManager.prototype.posts = [
{
userId: 3,
id: 1,
title: 'sunt aut facere repellat provident occaecati excepturi optio reprehenderit',
body:
'quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto',
},
{
userId: 3,
id: 2,
title: 'qui est esse',
body:
'est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui aperiam non debitis possimus qui neque nisi nulla',
},
{
userId: 2,
id: 3,
title: 'ea molestias quasi exercitationem repellat qui ipsa sit aut',
body:
'et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et velit aut',
},
{
userId: 1,
id: 4,
title: 'eum et est occaecati',
body:
'ullam et saepe reiciendis voluptatem adipisci\nsit amet autem assumenda provident rerum culpa\nquis hic commodi nesciunt rem tenetur doloremque ipsam iure\nquis sunt voluptatem rerum illo velit',
},
{
userId: 5,
id: 5,
title: 'nesciunt quas odio',
body:
'repudiandae veniam quaerat sunt sed\nalias aut fugiat sit autem sed est\nvoluptatem omnis possimus esse voluptatibus quis\nest aut tenetur dolor neque',
},
];
new postManager();