JSFiddle - React, Tailwind, and code Playground

by abell25

HTML

<div id='cat'>add event</div><br />
<div id='playAll'>play events</div>
<div id='debug'></div>

JavaScript

//$('#cat').on("click", function(e) { $(this).append('...'); });
events = [];
$('#cat').on("click", function(e) { events.push(function() { $(this).append('...'); }); 
                                   console.log('event added: ' + events.length); });
$('#playAll').on("click", function(e) { $.each(events, function(i, action) { action(); }); });

var ppl = [{"name":"tony", "age": "54", "update":function() { 
    return "hi im " + name + " and im " + age + " years old!"; } }];

var me = ppl[0];
dump(me.name + ' ' + me.age);
dump(me);







function dump(str) { $('#debug').append(str); };