Page 1 sur 1

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

Posté : 10 janv. 2024, 18:42
par MarYas

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

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

Posté : 11 janv. 2024, 12:23
par ynx
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);
  }
}