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(){
       alert("You clicked on " + person.name);                
    });
    
    $("#people").append($li);   
}