JSFiddle - React, Tailwind, and code Playground

HTML

<div id="trigger">trigger</div>

<div id="pic1"></div>
<div id="pic2"></div>
<div id="pic3"></div>

CSS

#trigger {
    cursor: pointer;
    color: blue;
}

JavaScript

document.observe("dom:loaded", function() {

    var globalPAO = new picArrayObject();
    alert(globalPAO.picArray[0]); // alerts [object HTMLDivElement]
});

var picArrayObject = function () {

    var myPic1 = document.getElementById('pic1');
    var myPic2 = document.getElementById('pic2');
    var myPic3 = document.getElementById('pic3');

    function construct() {
        this.picArray = [myPic1,myPic2,myPic3];
    }

    return new construct();
}

document.onclick = function(event) {

    var event = event || window.event;
    var target = event.target || event.srcElement;
    
    switch(target.id) {
        case "trigger": alert(globalPAO.picArray[0]); // alerts nothing
    }
}