L'exercice est très simple, mais apporte néanmoins deux choses importantes : l'utilisation d'addEventListener() et des fonctions anonymes, mais aussi l'utilisation de this au sein de la fonction pour pointer vers l'élément HTML sur lequel l'évènement est déclenché :

var output, button;

if (output = document.getElementById("output")) {
    if (button = output.getElementsByTagName("button")[0]) {
        button.addEventListener("click", function() {
            this.innerHTML = "Vous m'avez cliqué";
        }, false);
    }
}

On aurait aussi pu utiliser firstChild.data au lieu d'innerHTML, car ce dernier ne se justifie pas vraiment ici :

            this.firstChild.data = "Vous m'avez cliqué";

Il est évidemment possible d'utiliser une fonction nommée (qui n'est pas anonyme...), mais dans ce cas on perd le bénéfice de l'utilisation du this directement dans la fonction. En effet, il faut le passer en paramètre, ce qui nous oblige quand même à utiliser une fonction anonyme :

var output, button;

function changeText(element) {
    element.firstChild.data = "Vous m'avez cliqué";
}

if (output = document.getElementById("output")) {
    if (button = output.getElementsByTagName("button")[0]) {
        button.addEventListener("click", function() { changeText(this); }, false);
    }
}

Comme expliqué dans le cours, ces versions d'Internet Explorer ne connaissent par addEventListener() et utilisent attachEvent. Si vous produisez un code qui se veut compatible, vous utiliserez certainement une fonction comme addEvent, vue dabs le cours :

function addEvent(element, event, func) {
    if (element.addEventListener) {
        element.addEventListener(event, func, false);
    } else {
        element.attachEvent('on' + event, func);
    }
}

var output, button;

if (output = document.getElementById("output")) {
    if (button = output.getElementsByTagName("button")[0]) {
        addEvent(button, "click", function() {
            this.firstChild.data = "Vous m'avez cliqué";
        });
    }
}