la méthode addEventListener DOMContentLoaded ne fonctionne pas

Je suis en train de créer un script simple qui permettra d'ajouter un écouteur sur un bouton pour déclencher une fonction qui affiche un message d'alerte lorsque la page est complètement chargée.

Le script est mis en oeuvre dans une Extension Chrome

Je suis en utilisant le code suivant:

    document.addEventListener('DOMContentLoaded', function () {
        showalert();
        document.querySelector('button').addEventListener('click', showalert());
    });

    function showalert() {
        alert("you just pressed the button");
    }

Et mon HTML

    <button id="button">button</button>

L'auditeur n'est jamais ajouté au bouton, la première showalert(); n'est pas déclenché.

Je suis sans doute stupide, mais je ne suis pas à voir pourquoi cela ne fonctionne pas. Toute aide serait grandement appréciée!

JSfiddle: http://jsfiddle.net/bunker1/fcrwt/1/

la méthode addEventListener prend 3 arguments
Merci pour l'entrée, a ajouté le faux argument de la tripoter sans un peu de chance, malheureusement 🙁

OriginalL'auteur Bunker | 2013-03-16

  1. 4

    Trouvé l'erreur, j'ai été stupide en effet.

    Le code a travaillé après la mise sur JSfiddle sans retour et la suppression de la () à partir de la deuxième arg.

    code correct:

        document.addEventListener('DOMContentLoaded', function () {
         document.querySelector('button').addEventListener('click', showalert, false);
    }, false);

    function showalert() {
        alert("you just pressed the button");
    }

    OriginalL'auteur Bunker