Cómo utilizar addEventListener

Question

Dec 07, 2012, 10:11 PM

Cómo utilizar addEventListener

Estaba creando un script que crea elementos div cada vez que se presiona un botón. Originalmente tuve la función llamada en línea con laonclick atributo, pero a jslint no le gusta eso, así que lo moví y traté de usaraddEventListener("click",function());

Nunca he usadoaddEventListener() antes, así que ni siquiera estoy seguro de que lo esté usando correctamente.

El problema es que crea uno.div cuando la página se carga y no hace nada cuando se presiona el botón.

Gracias de antemano.

Esto es lo que tengo:

<body>
<form>
    <textarea id="a"></textarea>    
    <br>
    <input value="button" type="button">
</form>
<div id="content">
</div>
<script>
    /*jslint browser:true */
    function createEntry(text) {
        "use strict";

        var div = document.createElement("div");
        div.setAttribute("class", "test");
        document.getElementById("content").appendChild(div);
    }
    var input = document.getElementsByTagName("input")[0];
    input.addEventListener("click", createEntry(document.getElementById('a').value));
</script>