Estoy aprendiendo sobre eventos en JavaScript, siguiendo la documentación oficial, donde el primer ejemplo es: HTML:

 <button>Change color</button>

JS:

 const btn = document.querySelector('button'); function random(number) { return Math.floor(Math.random() * (number+1)); } btn.onclick = function() { console.log("Oprimieron el boton"); const rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')'; document.body.style.backgroundColor = rndCol;

El código anterior no funciona a menos que use un evento para cuando el DOM se cargue por completo, el error es: DOM.HTML: 11 Error de tipo no capturado: no se pueden establecer propiedades de nulo (configuración 'onclick') (mi archivo JS se llama Dom) . Investigando encontré que puede deberse a que no se ha generado el DOM cuando el script declara y usa la constante obtenida por el botón Dom. Para arreglar el error use: window.onload = function () { } Dentro de ella pongo el código de ejemplo, el error está solucionado, la pregunta es, siempre debo asegurarme con alguna función de que el DOM estará completo para luego ejecutar el ¿Código JS?