I've created a function that dynamically creates some elements, and I want to access those elements from other separate functions. From my understanding I have to pass those elements I've created to the other functions... but I don't understand how.

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();
});