Comment puis-je appeler plusieurs fonctions JavaScript à partir d'un seul événement Onclick ?

Appel de plusieurs fonctions JavaScript dans un événement Onclick

Le gestionnaire d'événements onclick est souvent utilisé pour exécuter du code JavaScript lorsqu'un élément est cliqué. Cependant, que se passe-t-il si vous devez appeler plusieurs fonctions en réponse au même événement de clic ?

Utiliser onclick pour plusieurs fonctions

Bien que cela ne soit pas considéré comme une bonne pratique, vous pouvez utilisez l'attribut onclick pour appeler plusieurs fonctions JavaScript en les séparant par un point-virgule (;).

<button onclick="doSomething();doSomethingElse();">Click Me</button>

Discret Approche

Une méthode plus moderne et préférée consiste à attacher le gestionnaire d'événements au nœud DOM à l'aide de JavaScript. C'est ce qu'on appelle du JavaScript discret. Voici comment procéder :

const button = document.querySelector('button');

button.addEventListener('click', () => {
  doSomething();
  doSomethingElse();
});

Avantages du JavaScript discret

L'utilisation de l'approche discrète offre plusieurs avantages :

• Amélioration séparation des préoccupations (le code et le HTML sont séparés)
• Maintenance et débogage
• Prise en charge des frameworks et bibliothèques JavaScript modernes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!