Solucionado
Buenos días.
Hubo un usuario que hizo la pregunta, pero aun tengo las dudas sobre esto. Si por favor, me pueden explicar con más lujo de detalle por qué se reflejan resultados diferentes cuando agrego () y cuando no los agrego. button.onclick = mostrarTexto; y button.onclick = mostrarTexto();
button.onclick = mostrarTexto;
Hola José!
Te explicaré utilizando el siguiente código de ejemplo:
<button id="boton">Haga clic</button>
<script>
var boton = document.querySelector('#boton');
function botonHandler() {
alert('Hicieron clic en el Botón');
}
boton.addEventListener('click', botonHandler());
</script>En este ejemplo utilizado arriba el botón no está funcionando, pero ¿por qué?
Porque al agregar los () enbotonHandler está asociando el retorno de la función, como la función no devuelve nada, el código no se ejecutará.
Cambiando para boton.addEventListener('click', botonHandler); en este caso, la función no está siendo llamada, está siendo pasada como un parámetro al evento click. Cuando el usuario haga clic en el botón, el navegador ejecutará implícitamente la función sin que percibamos.
Muchas gracias!