JSFiddle - React, Tailwind, and code Playground

HTML

<div id="log"></div>

JavaScript

require([
    'dojo/dom-construct',
    'dojo/dom',
    'dojo/on',
    'dojo/query',
    'dojo/domReady!'
], function(dom_construct, dom, on, query) {

    var items = [];
    for (var j=0; j < 10; j++) {
        items.push({
            getAttribute: function(prop) {
                return this[prop];
            },
            
            jid: 'jid' + j,
            firstname: 'firstname' + j
        });
    }

    for(var i=0; i<items.length; i++){
         console.log( items[i].getAttribute("jid") )                    
         dom_construct.place("<li><a href='#' class='temp'>" + items[i].getAttribute("firstname") + "</a></li>", "log");
    }

    query('.temp').forEach(function(t) {
        on(t, 'click', function(evt) {
            console.log('click', evt);
        });
    });
    var result = query('.temp').attr('onclick');
});