Creé una función que crea dinámicamente algunos elementos y quiero acceder a esos elementos desde otras funciones separadas. Según tengo entendido, tengo que pasar esos elementos que he creado a las otras funciones... pero no entiendo cómo.
let lightBoxEnabled = document.querySelectorAll(".lightbox-gallery-element"); function createLightbox() { const lightboxContainer = document.createElement('div'); lightboxContainer.classList.add('lightbox-container'); lightboxContainer.classList.add('active'); body.append(lightboxContainer); const lightboxImageWrapper = document.createElement('div'); lightboxImageWrapper.classList.add('lightbox-image-wrapper'); lightboxContainer.append(lightboxImageWrapper); const lightboxImg = document.createElement('img'); lightboxImg.classList.add('lightbox-img'); lightboxImageWrapper.append(lightboxImg); } lightBoxEnabled.forEach(image => { image.addEventListener('click', () => { createLightbox(); }); }); function hideLightBox() { body.classList.remove('overflow-hidden'); } lightboxContainer.addEventListener('click', (e) => { hideLightBox(); });