Sommaire

Utiliser un bouton déclencheur d’action

1. Réagir au clic sur un bouton

Dans cet exemple très simple, nous allons réagir au clic de l’utilisateur sur un bouton de la page.

Voici la structure de la page et celle du bouton :

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Ma page</title> 
    </head> 
    <body> 
        <p>Integer posuere erat a ante venenatis...</p> 
        <button id="monBouton">Cliquez-moi</button> 
    </body> 
</html>

Le bouton possède l’identifiant id="monBouton".

Voilà le code JavaScript utilisé dans cette page :

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Ma page</title> 
    </head> 
    <body> 
        <p>Integer posuere erat a ante venenatis...</p> 
        <button id="monBouton">Cliquez-moi</button> 
        <script> 
            var leBouton = document.getElementById("monBouton") ;
            leBouton.onclick ...