function createContent() { const mainContent = document.querySelector("#content"); return mainContent; } function renderSite() { createContent(); mainContent.appendChild(createHeader()); mainContent.appendChild(createMain()); }Cada vez que ejecuto renderSite, aparece un error que me indica que el contenido principal no está definido. Puedo arreglar esto agregando mainContent manualmente a renderSite. Pero, ¿por qué no puedo devolver mainContent cuando llamo a createContent() desde renderSite()?
mainContent está en el ámbito de la función createContent() . Si desea usarlo de esta manera, no solo necesita ejecutarlo, sino asignar el resultado de la ejecución de la función de esta manera:
function renderSite() { const mainContent = createContent(); mainContent.appendChild(createHeader()); mainContent.appendChild(createMain()); }