-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
46 lines (34 loc) · 1.13 KB
/
index.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
// references for tbody
var $tbody = document.querySelector("tbody");
var $dateInput = document.querySelector("#datetime");
var $searchBtn = document.querySelector("#search");
// add event to click the search button
$searchBtn.addEventListener("click", handleSearchButtonClick);
// set filteredTables to data js document (dataSet)
var filteredTable = dataSet;
// render table to tbody
function renderTable() {
$tbody.innerHTML = "";
for (var i = 0; i < filteredTable.length; i++) {
var address = filteredTable[i];
var fields = Object.keys(address);
var $row = $tbody.insertRow(i);
for (var j = 0; j < fields.length; j++) {
var field = fields[j];
var $cell = $row.insertCell(j);
$cell.innerText = address[field];
}
}
}
function handleSearchButtonClick() {
var filterdate = $dateInput.value.trim().toLowerCase();
// set array to datetime
filteredTable = dataSet.filter(function(address) {
var addressdate = address.datetime.toLowerCase();
// if true, return the datetime array (date)
return addressdate === filterdate;
});
renderTable();
}
// render table to load on the page
renderTable();