0

I want when I click on an item, it's been selected and other items disappear and don't show to the user. But when I click on that items i want, that also disappears.

Html:

<div class="images_contain">
            <img src="images/paper.png" class="img-items" alt="">
            <img src="images/rock.png" class="img-items" alt="">
            <img src="images/scissors.png" class="img-items" alt="">
</div>

JavaScript:

var images = document.querySelectorAll('.img-items');
for (var i = 0; i <= images.length-1; i++) {
  images[i].addEventListener('click',() => {
    hiddenSelect(i);
  })
}
function hiddenSelect(i) {
  for (var j = 0; j <= images.length-1; j++) {
    if (j!==i) {
      images[j].classList.add('hidden');
    }
  }
}
ieonesun
  • 1
  • I'm not sure where you have the javascript on the page, but it's possible the images variable is 0-length at that point. – raphael75 Jan 24 '23 at 14:26

0 Answers0