Portfolio filtrable

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Raphaël
Messages : 2
Enregistré le : 12 août 2021, 18:08

Portfolio filtrable

Message par Raphaël » 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');
}
}
})
}

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Portfolio filtrable

Message par webmaster » 13 août 2021, 12:48

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
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Raphaël
Messages : 2
Enregistré le : 12 août 2021, 18:08

Re: Portfolio filtrable

Message par Raphaël » 13 août 2021, 17:07

D'accord merci.

Répondre