-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
104 lines (92 loc) · 3.24 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
window.onload = () => {
var selecting = document.querySelectorAll(".right-side > span");
var searcher = document.getElementsByClassName("searcher")[0];
var items = document.querySelectorAll(".item");
var myStore = [];
var myObj = {
0: ["Frontend", "Senior", "HTML", "CSS", "JavaScript"],
1: ["Fullstack", "Midweight", "Python", "React"],
2: ["Frontend", "Junior", "React", "Sass", "JavaScript"],
3: ["Frontend", "Junior", "HTML", "CSS", "JavaScript"],
4: ["Fullstack", "Midweight", "JavaScript", "Ruby", "Sass"],
5: ["Backend", "Junior", "Ruby", "RoR"],
6: ["Frontend", "Junior", "HTML", "JavaScript", "Sass"],
7: ["Frontend", "Junior", "JavaScript", "Vue", "Sass"],
8: ["Fullstack", "Midweight", "JavaScript", "Python", "Django"],
9: ["Frontend", "Junior", "JavaScript", "React", "Sass"],
};
var ind;
selecting.forEach((item) => {
item.onclick = () => {
try {
if (myStore.includes(item.innerText)) {
} else {
myStore.push(item.innerText);
searcher.innerHTML += `<div class= "mavo">
<div class="mavo1">${item.innerText}</div>
<div class="remove">
<img src="images/icon-remove.svg" alt="remove"/>
</div>
</div>
`;
// searcher.style.transform = "scale(1)";
searcher.style.display = "block";
for (let key in myObj) {
for (let i of myStore) {
if (myObj[key].includes(i)) {
ind = true;
} else {
ind = false;
break;
}
}
if (ind) {
items[key].style.display = "block";
} else {
items[key].style.display = "none";
}
}
}
var remover = document.querySelectorAll(".remove");
var mavo = document.querySelectorAll(".mavo");
for (let i = 0; i <= remover.length; i++) {
// if (remover.length > 0) {
remover[i].onclick = () => {
mavo[i].remove();
if(i == 0){
myStore.splice(0,i);
}else{
myStore.splice(i);
}
for (let key in myObj) {
for (let i2 of myStore) {
if (myObj[key].includes(i2)) {
ind = true;
} else {
// ind = false;
break;
}
}
if (ind) {
items[key].style.display = "block";
} else {
items[key].style.display = "none";
}
}
if(searcher.innerText==""){
searcher.style.display = "none";
myStore = [];
console.log("i work")
}else{
}
console.log(myStore.length);
console.log(myStore);
if (myStore.length === 0) {
searcher.style.display = "none";
}
};
}
} catch (err) {}
};
});
};