Portfolio filtrable
Posté : 12 août 2021, 18:27
Bonjour tout le monde,
J'ai suivi un tuto (https://www.youtube.com/watch?v=ATeWQlY3N04&t=134s) pour créer un Portfolio filtrable en javascript (code ci-dessous) mais celui-ci ne fonctionne pas. Quelqu'un saurait-il m'aider ?
Un grand merci d'avance.
Raphaël
let list = document.querySelectorAll('.list');
let element = document.querySelectorAll('.element');
for(let i = 0; i<list.length; i++){
list.addEventlistener('click', function(){
for(let j = 0; j<list.length; j++){
list[j].classList.remove('active');
}
this.classList.add('active');
let dataFilter = this.getAttribute('data-filter');
for( let k = 0; k<element.length; k++){
element[k].classList.remove('active');
element[k].classList.add('hide');
if(element[k].getAttribute('data-item') == dataFilter || dataFilter == "toutes"){
element[k].classList.remove('hide');
element[k].classList.add('active');
}
}
})
}
J'ai suivi un tuto (https://www.youtube.com/watch?v=ATeWQlY3N04&t=134s) pour créer un Portfolio filtrable en javascript (code ci-dessous) mais celui-ci ne fonctionne pas. Quelqu'un saurait-il m'aider ?
Un grand merci d'avance.
Raphaël
let list = document.querySelectorAll('.list');
let element = document.querySelectorAll('.element');
for(let i = 0; i<list.length; i++){
list.addEventlistener('click', function(){
for(let j = 0; j<list.length; j++){
list[j].classList.remove('active');
}
this.classList.add('active');
let dataFilter = this.getAttribute('data-filter');
for( let k = 0; k<element.length; k++){
element[k].classList.remove('active');
element[k].classList.add('hide');
if(element[k].getAttribute('data-item') == dataFilter || dataFilter == "toutes"){
element[k].classList.remove('hide');
element[k].classList.add('active');
}
}
})
}