-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
115 lines (106 loc) · 4.32 KB
/
script.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
// scroll function
window.onscroll = function () {
headerScrollFnc();
};
var navbar = document.getElementById("header");
var sticky = navbar.offsetHeight;
var covidTable = document.getElementById("covidTable");
var tableHead = covidTable.insertRow(0);
tableHead.insertCell(0).innerHTML = `S. No.`;
tableHead.insertCell(1).innerHTML = `States`;
tableHead.insertCell(2).innerHTML = `Active`;
tableHead.insertCell(3).innerHTML = `Recovered`;
tableHead.insertCell(4).innerHTML = `Deaths`;
tableHead.insertCell(5).innerHTML = `New Cases`;
tableHead.insertCell(6).innerHTML = `New Recovered`;
tableHead.insertCell(7).innerHTML = `New Deaths`;
tableHead.insertCell(8).innerHTML = `Last Updated Time`;
function headerScrollFnc() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("stickyHeader");
} else {
navbar.classList.remove("stickyHeader");
}
}
// scroll function close
// fetch api | api => https://data.covid19india.org/data.json
var introTrackerDataValConf = document.getElementById(
"introTrackerDataValConf"
);
var introTrackerDeltaValConf = document.getElementById(
"introTrackerDeltaValConf"
);
var introTrackerDataValActive = document.getElementById(
"introTrackerDataValActive"
);
// var introTrackerDeltaValActive = document.getElementById("introTrackerDeltaValActive")
var introTrackerDataValRecovered = document.getElementById(
"introTrackerDataValRecov"
);
var introTrackerDeltaValRecovered = document.getElementById(
"introTrackerDeltaValRecov"
);
var introTrackerDataValDeath = document.getElementById(
"introTrackerDataValDeaths"
);
var introTrackerDeltaValDeath = document.getElementById(
"introTrackerDeltaValDeaths"
);
var Jadata;
async function fetchingData() {
var requestOptions = {
method: "get",
redirect: "follow",
};
await fetch("https://data.covid19india.org/data.json", requestOptions)
.then((response) => response.text())
.then((result) => (Jadata = JSON.parse(result))) //data = JSON.parse(result))
.catch((error) => console.log("error", error));
// giving data in html
var JadataLength = Jadata.statewise.length;
console.log(Jadata);
introTrackerDataValConf.innerText = ` ${Jadata.statewise[0].confirmed} `;
introTrackerDeltaValConf.innerText = ` + ${Jadata.statewise[0].deltaconfirmed} `;
introTrackerDataValActive.innerText = ` ${Jadata.statewise[0].active} `;
introTrackerDataValRecovered.innerText = ` ${Jadata.statewise[0].recovered} `;
introTrackerDeltaValRecovered.innerText = ` + ${Jadata.statewise[0].deltarecovered} `;
introTrackerDataValDeath.innerText = ` ${Jadata.statewise[0].deaths} `;
introTrackerDeltaValDeath.innerText = ` + ${Jadata.statewise[0].deltadeaths} `;
for (i = 0; i < JadataLength; i++) {
// var headRow =table.insertRow(0);
var stringI = i + 1;
var tableRow = covidTable.insertRow(i + 1);
tableRow.insertCell(0).innerHTML = `${stringI}).`;
tableRow.insertCell(1).innerHTML = `${Jadata.statewise[i].state}`;
tableRow.insertCell(2).innerHTML = `${Jadata.statewise[i].active}`;
tableRow.insertCell(3).innerHTML = `${Jadata.statewise[i].recovered}`;
tableRow.insertCell(4).innerHTML = `${Jadata.statewise[i].deaths}`;
tableRow.insertCell(5).innerHTML = `${Jadata.statewise[i].deltaconfirmed}`;
tableRow.insertCell(6).innerHTML = `${Jadata.statewise[i].deltarecovered}`;
tableRow.insertCell(7).innerHTML = `${Jadata.statewise[i].deltadeaths}`;
tableRow.insertCell(8).innerHTML = `${Jadata.statewise[i].lastupdatedtime}`;
// tableRow.insertCell(3).innerHTML=`${Jadata.statewise[i].confirmed}`;
}
}
fetchingData();
function filterFunction() {
// Declare variables
var input, filter, tr, td, i, txtValue;
input = document.getElementById("myInputState");
filter = input.value.toUpperCase();
tr = covidTable.getElementsByTagName("tr");
// Loop through all table rows, and hide those who don't match the search query
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[1];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
tr[0].style.display = "";
} else {
tr[i].style.display = "none";
tr[0].style.display = "";
}
}
}
}