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');
}
}
})
}
Portfolio filtrable
Re: Portfolio filtrable
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
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
https://www.toutjavascript.com/livre/index.php
Re: Portfolio filtrable
D'accord merci.