Hola tengo un problema y no encuentro la solución por ningún lado, les dejo la pregunta en la descripción

Question

Lo que me ocurre es que cuando coloco código en html, con <script> me funciona, pero cuando lo coloco en mis archivos de Javascript no me funciona.
Por ejemplo:
var elemento = document.createElement("h3");
var contenido = document.createTextNode("Mi titulo");

elemento.appendChild(contenido);

elemento.setAttribute("aling", "center");

document.getElementById("elementosa").appendChild(elemento);

Lo coloco en mi html, con las etiquetas de <script> y me funciona perfecto, coloco el mismo código en mis archivos de Javascript y no me funciona. Esto me pasa con varios códigos.
Y el problema no es que no están enlazados correctamente el archivo de html con el de Javascript, porque los alert y otros tipo de código si me funcionan. Html y Javascript están enlazados correctamente porque hay códigos que me funcionan.
No entiendo porque algunos códigos no me funcionan y en html con <script> si funciona.

Espero me puedan ayudar se los agradecería mucho!! graciass

Answer 1

Eso sucede porque el script esta tratando de manipular el DOM sin que este aun termine de existir.
Ocurre porque carga rapido asi q aki en el playground JS hay q usar esto:

window.onload = () => {
//Aqui dentro escribe todo tu codigo JS
};

Tambien en tu codigo dice aling cuando deberia ser align.

Por cierto evita espamear la pregunta, o si fue error elimina una.

Tambien me sucedio ese problema. Y por ahi en una leccion explican eso del windows.onload

Answer 2

Te lo agradezco mucho