I have a bank of images in firebase and I want to show it in my html in carousel mode but it is not shown to me and it does not show error

<div class="container">
    <div class="row">


            <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner" id="galeria">

                </div>
                <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>

    </div>

</div>

mi js

   var imgs = document.getElementById("galeria");
  function mostrarImagenDeFirebase() {
  imagenesFbRef.on("value", function (snapshot) {
    var datos = snapshot.val();
    var result = "";

for (var key in datos) {
  var images = datos[key].url;
  result +=  '<div class="carousel-item"><img class="d-block w-100" src="'+images+'" alt="First slide"></div>';
  // imgs.innerHTML +=
  console.log(images);

  // result += '<a href="'+images+'" data-lightbox="roadtrip" data-title="Alcaldesa canovanas"><img class="img-top" src="'+images+'" alt="Alcaldesa canovanas"/></a>';
  // console.log(images);
}
imgs.innerHTML += result;
});
}