Javascript "addEventListener" événement se déclenche sur la charge de la page

Lorsque je lance le script suivant, l'événement se déclenche toujours sur le chargement de la page. Je ne suis pas sûr de ce que je fais mal ici, je crée l'élément, le trouve dans le DOM puis je joint un auditeur, mais il déclenche toujours l'événement lorsque la page est chargée et non lorsque l'élément est cliqué.

<script type="text/javascript" language="javascript"> document.write("<div id=\"myDiv\">I am a div</div>"); el = document.getElementById("myDiv"); el.addEventListener("click", alert("clicktrack"), false); </script> 

 el.addEventListener("click", alert("clicktrack"), false); 

Lorsque cette ligne est exécutée, l' alert sera appelée et retourne undefined . Pour passer le code d'alerte, vous devez l'envelopper dans une fonction.

 el.addEventListener("click", function() { alert("clicktrack"); }, false); 

Que diriez-vous:

 <script type="text/javascript" language="javascript"> document.write("<div id=\"myDiv\">I am a div</div>"); el = document.getElementById("myDiv"); el.addEventListener("click", function() { alert("clicktrack"); }, false); </script>