JSFiddle - React, Tailwind, and code Playground

by Purag Moumdjian

HTML

<div class="container">
    Click me!
    <img id="firstIMG">
    <img id="secondIMG">
</div>

<div class="container">
    Try me too!
    <img id="thirdIMG">
    <img id="fourthIMG">
    <img id="fifthIMG">
</div>

<div class="container">
    And me! I contain no images.
</div>

JavaScript

var elems = [].slice.call( document.getElementsByClassName("container") );
elems.forEach( function( elem ){
    elem.onclick = function(){
        var arr = [],
            imgs = [].slice.call( elem.getElementsByTagName("img") );
        if(imgs.length){
            imgs.forEach( function( img ){
                var attrID = img.id;
                arr.push(attrID);
            });
            alert(arr);
        } else {
            alert("No images found.");
        }
    };
});