JSFiddle - React, Tailwind, and code Playground

by juristr

HTML

<ul id="people">
</ul>

<div id="msg">

</div>

CSS

li{
 cursor:pointer;   
}

JavaScript

var people = [
{
    id: 1,
    name: "Juri"},
{
    id: 2,
    name: "Simon"},
{
    id: 3,
    name: "Peter"}
];

for(var i=0; i<people.length; i++){
    var person = people[i];
    var $li = $("<li>" + person.name + "</li>");
    
    $li.click((function(i){
        return function(){
           alert("You clicked on " + people[i].name);                
        }
    }(i)));
    
    $("#people").append($li);   
}