Skip to main content

Debes hacerlo de la siguiente manera:

window.addEventListener("load",Comenzar);

O si lo prefieres:

window.addEventListener('load', (event) => {
    Comenzar();
});

Una opción más:

window.onload = (event) => {
  Comenzar()
};

¿Por qué acceder al objeto window.addEventListener? Esto es porque al cargar tu página este objeto ya existe a diferencia de los nodos html que se crean posteriormente o aun no han sido cargados.

Imagínate que tu código está al inicio de la página y haces algo así:

app.getElementById('cualquierID');
app.addEventListener('click', function(e){
    console.log('test');
}

Pero supongamos que tu html aún no ha sido cargado, entonces tu código te conduciría a un error. window.load o window.addEventListener por el contrario trabajarían perfectamente porque esperarían hasta que la págima haya sido cargada completamente, asegurando que la etiqueta cualquierID ya exista en el DOM.

Como quedaría entonces:

window.addEventListener('load', function(){
    app.getElementById('cualquierID');
    app.addEventListener('click', function(e){
        console.log('test');
    }
}

Espero que te sirva.

allexiusw
  • 862
  • 5
  • 15