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()
};
¿Porque¿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.
ImaginateImagínate que tu código estaestá 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 conduciriaconduciría a un error.
window.load
o window.addEventListener
por el contrario trabajariantrabajarí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 quedariaquedaría entonces:
window.addEventListener('load', function(){
app.getElementById('cualquierID');
app.addEventListener('click', function(e){
console.log('test');
}
}
Espero que te sirva.