Estoy tratando de mostrar imágenes al hacer clic. Esas imágenes tienen direcciones URL que obtengo de HTMLCollection. Necesito agregar 2 divs que contengan diferentes clases, logré hacerlo pero no puedo obtener la URL para mostrar mis imágenes al hacer clic. Me puede ayudar alguien, por favor ?

const image = document.querySelector('.slider-image');

 image.addEventListener("click", () => { document.getElementById("modal").classList.remove('hidden') // Get urls (display gallery items) let urls = image.getElementsByClassName('gallery-url'); for (let i=0; i<urls.lenght; i++) { const getDivSliderCtn = document.getElementsByClassName("slider-container"); let div = document.createElement('div'); div.classList.add('slider-image'); let bckgImage = div.style.backgroundImage=`url(${urls})`; div.appendChild(bckgImage); getDivSliderCtn +=urls[i];

}