-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
49 lines (44 loc) · 1.29 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
const searchwrapper = document.querySelector(".search-box")
const inputvalue = searchwrapper.querySelector(".search-txt")
const suggest = searchwrapper.querySelector(".sugg-box")
inputvalue.addEventListener("keyup", (e) => {
let input = e.target.value;
let arr = [];
if (input) {
let m = input.toLocaleLowerCase();
arr = suggestions.filter((x) => {
return x.toLocaleLowerCase().startsWith(m);
});
arr = arr.map((x) => {
x = '<li>' + x + '</li>';
return x;
})
console.log(arr);
searchwrapper.classList.add("active");
displaysugg(arr);
let allist = suggest.querySelectorAll("li");
for (let i = 0; i < allist.length; i++) {
allist[i].setAttribute("onclick", "select(this)");
}
}
else {
searchwrapper.classList.remove("active");
}
});
function select(x) {
let selected = x.textContent;
console.log(selected);
inputvalue.value = selected;
searchwrapper.classList.remove("active");
}
function displaysugg(list) {
let listdata;
if (!list.length) {
let uservalue = inputvalue.value;
listdata = '<li>' + uservalue + '</li>';
}
else {
listdata = list.join('');
}
suggest.innerHTML = listdata;
}