Javascript Select Multiple Images of same Class

Question

I have written a javscript code but I can't get it work for some reason :(

Basically, I have a gallery that loads multiple images, but I want to limit it to 6 pictures only. Those images have all the same classes. I want to select each image and put "display:none" until there's only 6 left then stop.

Here's the code:

<script>
    var storyCount = document.querySelectorAll(".e-gallery-item.elementor-gallery-item");

    
    for(var i = 6; i < storyCount.length; i++)
    storyCount[i].style.display='none';

</script>

Answer 1

var storyCount = document.querySelectorAll(".e-gallery-item.elementor-gallery-item");


for (var i = 0; i < storyCount.length; i++)
  storyCount[i].style.display = 'none';

for (var i = 1; i < Math.min(storyCount.length, 6); i++)
  storyCount[i].style.display = 'block';