Hide bootstrap carousel indicators when there is only one content

Question

I've seen many examples in different languages but nothing with JavaScript/JQuery.

I currently build my Carousel in my JS from my XML file, where I declare img path etc. Now I have the issue that my Carousel contain just one image sometimes and if that's so, I want to hide my carousel-control and my carousel-indicators

How can I check in JS if there is more than one Image?

Answer 1

First, you should have a class attribute for the images in your carousel, then you use the getElementsByClassName to save the image into an array, and you will get all your images.

 let myImg = document.getElementsByClassName("your-image-in-carousel") console.log(myImg)