addEventListener DOMContentLoaded non funziona

Question

Sto provando a creare uno script semplice che aggiungerà un listener a un pulsante per attivare una funzione che visualizza un avviso quando la pagina è completamente caricata.

Lo script deve essere attuato in Chrome Extension

Sto utilizzando il seguente codice:

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

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

E il mio HTML

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

L'ascoltatore non viene mai aggiunto alla pulsante, anche il primo showalert(); non è licenziato.

Sono probabilmente stupido qui, ma non riesco a capire perché questo non funziona. Qualsiasi aiuto sarebbe molto apprezzato!

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

Answer 1

Trovato l'errore, venivo stupido davvero.

Il codice ha funzionato dopo aver inserito JSfiddle senza avvolgere e rimosso() dal secondo arg.

codice corretto:

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

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