Probléme avec une action à faire aprés un

Eléphanteau du PHP | 49 Messages

10 janv. 2024, 18:42

Code : Tout sélectionner

// btn var btn = document.querySelectorAll('.css'); // for(var i = 0; i < btn .length; i++) { btn [i].onclick = function(){ // Action } }
Alors voilà mon petit soucis ce code récupére un click d'un bouton parmi plusieurs bouton de même classe je voulais juste savoir s'il y a une autre façon de faire CAD faire une fonction ou un truc dinamyque voyant le code jquery par exemple et je commence à avoir plusieurs button de ce genre et plusieurs morceaux de code identique presque sur mon site du coup je voulais avoir vos avis Merci
Plutôt être que paraître !

ynx
Mammouth du PHP | 586 Messages

11 janv. 2024, 12:23

Tu peux éventuellement créer ta propre fonction pour factoriser la création des écouteurs onclick :
onClickAll('.css', function() {
  alert('Bouton CSS');
});

onClickAll('.php', function() {
  alert('Bouton PHP');
});

function onClickAll(selector, callback) {
  const elements = document.querySelectorAll(selector);

  for (const element of elements) {
    element.addEventListener('click', callback);
  }
}