forked from PixelKata/project1_Wild_eat
-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
56 lines (45 loc) · 1.7 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
// Menu Burger
document.addEventListener('DOMContentLoaded', () => {
const burgerButton = document.querySelector('.burger_button');
const navbarMenu = document.querySelector('.navbar_menu');
burgerButton.addEventListener('click', () => {
navbarMenu.classList.toggle('open');
});
});
// Filtre barre de recherche
document.addEventListener('DOMContentLoaded', function () {
const searchBar = document.getElementById('search');
const itemList = document.querySelector('main .section-food');
const items = itemList.getElementsByClassName('cardfood');
function filterItems() {
const searchQuery = searchBar.value.toLowerCase();
for (let item of items) {
const itemText = item.textContent.toLowerCase();
const matchesSearch = itemText.includes(searchQuery);
if (matchesSearch) {
item.style.display = '';
} else {
item.style.display = 'none';
}
}
}
searchBar.addEventListener('input', filterItems);
});
// Filtre vignette
document.querySelectorAll('.card').forEach(card => {
card.addEventListener('click', () => {
const category = card.getAttribute('data-category');
document.querySelectorAll('.cardfood').forEach(foodCard => {
if (foodCard.getAttribute('data-category') === category) {
foodCard.style.display = 'block';
} else {
foodCard.style.display = 'none';
}
});
});
});
document.getElementById('resetButton').addEventListener('click', () => {
document.querySelectorAll('.cardfood').forEach(foodCard => {
foodCard.style.display = 'block';
});
});