Au sein du <div id="output"> se trouve un bouton <button>. A l'aide du DOM-0, faites en sorte que quand ce bouton est cliqué, il affiche Vous m'avez cliqué à la place de Cliquez-moi, comme c'est le cas dans l'exemple ci-contre. C'est la même chose que l'exercie précédent, sauf qu'ici vous devez utiliser onclick et non addEventListener().
Écrivez le code qui permet de faire ça. Dès que c'est fait, cliquez sur le bouton Exécuter le script pour exécuter le code.
Écrivez votre code
Console d'erreurs
Pas d'erreurs d'exécution ou de syntaxe
Rendu #output
Source HTML
Solutions
Avec une fonction anonyme
C'est la même chose que l'exercice précédent, sauf qu'ici c'est onclick qui est utilisé, et donc la syntaxe est différente :
var output, button;
if (output = document.getElementById("output")) {
if (button = output.getElementsByTagName("button")) {
button.onclick = function() {
this.innerHTML = "Vous m'avez cliqué";
};
}
}
Avec une fonction nommée
Il est aussi possible d'utiliser une fonction nommée :
var output, button;
function changeText(element) {
element.firstChild.data = "Vous m'avez cliqué";
}
if (output = document.getElementById("output")) {
if (button = output.getElementsByTagName("button")) {
button.onclick = function() { changeText(this); };
}
}
Un commentaire ? Un bug ? Contactez-moi !
Vous souhaitez proposer une autre solution ?
Un autre exercice ou une précision ?
Vous avez rencontré une erreur ?
Un exercice ne fonctionne pas ?
OpenClassrooms
Commentez directement dans le sujet dédié aux exercices