JSFiddle - React, Tailwind, and code Playground

by speakman

HTML

<ul id="list">
</ul>

JavaScript

items = [
    {'Id': "Item 1", 'Name': "one"},
    {'Id': "Item 2", 'Name': "two"}
    ];

function alertItem(id,name) {
    return function() {
        alert("[" + id + "] " + name);
    };
}

ul = document.getElementById("list");
for (var n = 0; n < items.length; n++) {
    var li = document.createElement("li");
    li.appendChild(document.createTextNode(items[n].Id));
    li.onclick = alertItem(items[n].Id, items[n].Name);
    ul.appendChild(li);
}