Page 1 sur 1

Portfolio filtrable

Posté : 12 août 2021, 18:27
par Raphaël
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');
}
}
})
}

Re: Portfolio filtrable

Posté : 13 août 2021, 12:48
par webmaster
Bonjour,

Il faut consulter la console qui va indiquer sans doute une erreur et la ligne de code concernée
Pour apprendre à utiliser la console :
https://www.toutjavascript.com/savoir/n ... script.php

Re: Portfolio filtrable

Posté : 13 août 2021, 17:07
par Raphaël
D'accord merci.