DOMContentLoad no captura evento

[eduar2083]

Buenas,
Tengo el siguiente código que funciona correctamente y muestra la alerta:

Código Javascript:

$(function() {
    ufConfigurarEventos();
});
 
function ufConfigurarEventos() {
    document.querySelector('.fa-expand').addEventListener('click', () => {
        alert('maximizar');
    });
}
 

Sin embargo, al optar por no utilizar la función ready de jQuery sino el evento DOMContentLoaded para realizar la captura de eventos ya no funciona:

Código Javascript:

document.addEventListener('DOMContentLoaded', ()=> {
    ufConfigurarEventos();
});
 
function ufConfigurarEventos() {
    document.querySelector('.fa-expand').addEventListener('click', () => {
        alert('maximizar');
    });
}
 

Imaginé que eran equivalentes pero ya veo que no.
Por favor si me orientan ya que no debo utilizar la librería jQuery.

Gracias, saludos.

[Alexis88]

El código sí funciona, pero solo si en el navegador web has activado el funcionamiento de JavaScript experimental, es decir, de la sintaxis y novedades que incluye el estándar Ecma-262.

Para superar tu inconveniente sin tener que cambiar la configuración del navegador, puedes optar por utilizar la versión clásica de las funciones anónimas:

Código Javascript:

document.addEventListener('DOMContentLoaded', function() {
    ufConfigurarEventos();
});
 

O, como no envías parámetros a la función, nada más necesitarás colocar el nombre de la misma:

Código Javascript:

document.addEventListener('DOMContentLoaded', ufConfigurarEventos);