frameworkchallenge/script.js at main · damnsara/frameworkchallenge · GitHub

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
function getIt (url){
  let request = new XMLHttpRequest()
  request.open("GET", url, false)
  request.send()
  return request.responseText;
}

function createLinePosts(content){
  console.log(content.userId);
  line = document.createElement("tr");

  tdUserID = document.createElement("td");
  tdID = document.createElement("td");
  tdTitle = document.createElement("td");
  tdBody = document.createElement("td");


  tdUserID.innerHTML = content.userId
  tdID.innerHTML = content.id
  tdTitle.innerHTML = content.title
  tdBody.innerHTML = content.body

  line.appendChild(tdUserID)
  line.appendChild(tdID)
  line.appendChild(tdTitle)
  line.appendChild(tdBody)

  return line;
}

function createLineAlbums(content){
  console.log(content.userId);
  line = document.createElement("tr");

  tdUserID = document.createElement("td");
  tdID = document.createElement("td");
  tdTitle = document.createElement("td");


  tdUserID.innerHTML = content.userId
  tdID.innerHTML = content.id
  tdTitle.innerHTML = content.title

  line.appendChild(tdUserID)
  line.appendChild(tdID)
  line.appendChild(tdTitle)

  return line;
}

function createLineTodos(content){
  console.log(content.userId);
  line = document.createElement("tr");

  tdUserID = document.createElement("td");
  tdID = document.createElement("td");
  tdTitle = document.createElement("td");
  tdCompleted = document.createElement("td");


  tdUserID.innerHTML = content.userId
  tdID.innerHTML = content.id
  tdTitle.innerHTML = content.title
  tdCompleted.innerHTML = content.completed

  line.appendChild(tdUserID)
  line.appendChild(tdID)
  line.appendChild(tdTitle)
  line.appendChild(tdCompleted)

  return line;
}

function loadContent(route, tableId, createLine){
  let data = getIt("https://jsonplaceholder.typicode.com" + route);
  let insideData = JSON.parse(data);
  let tabela = document.getElementById(tableId);
  console.log(document);

  insideData.forEach(element => {
    let line = createLine(element);
    tabela.appendChild(line);
  });
}


function main(){
  var path = window.location.pathname;
  var page = path.split("/").pop();

  switch(page){
      case 'album.html':
          loadContent('/albums', "tabelaalbum", createLineAlbums);
          break;
      case 'posts.html':
          loadContent('/posts', "tabelaposts", createLinePosts);
          break;
      case 'todo.html':
          loadContent('/todos', "tabelatodo", createLineTodos);
          break;
  }
}

main();