-
Notifications
You must be signed in to change notification settings - Fork 2
/
user.js
82 lines (69 loc) · 2.08 KB
/
user.js
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
let form = document.querySelector("form")
form.addEventListener("submit",createPost)
const getData=async()=>{
try{
let res =await fetch(`https://mysterious-sands-06936.herokuapp.com/posts`)
let data=await res.json()
console.log(data)
append(data)
}catch(error){
console.log(error)
}
}
function append(data){
data.forEach((el)=>{
if(el.id!=1){
let row=document.createElement("tr")
let td1=document.createElement("td")
td1.innerText= el.id
td2=document.createElement("td")
td2.innerText=el.name
td6=document.createElement("td")
td6.innerText=el.department
td3=document.createElement("td")
td3.innerText=el.task
td4=document.createElement("td")
td4.innerText=el.status
if(el.status=="working on it"){
td4.style.background="#FDAB3D"
td4.style.color="white"
}else if(el.status=="stuck"){
td4.style.background="#E2445C"
td4.style.color="white"
}else{
td4.style.background="#00C875"
td4.style.color="white"
}
td5=document.createElement("td")
td5.innerText=el.date
row.append(td1,td2,td6,td3,td4,td5,)
document.querySelector("tbody").append(row)
}
})
}
getData()
async function createPost(event){
event.preventDefault()
let id=document.getElementById("id").value
let name=document.getElementById("name").value
let department=document.getElementById("department").value
let task=document.getElementById("task").value
let status=document.getElementById("status").value
let date =document.getElementById("date").value
let send_this_data={
id,
name,
department,
task,
status,
date
};
let res= await fetch('https://mysterious-sands-06936.herokuapp.com/posts',{
method:'POST',
body:JSON.stringify(send_this_data),
headers :{
'Content-Type':'application/json',
}
})
location. reload('index.html')
}