JSFiddle - React, Tailwind, and code Playground

by Sukanya Halder

HTML

<!--
Any string is legal for eventType; if the string is not the name of a native DOM event, then the handler is bound to a custom event. These events are never called by the browser, but may be triggered manually from other JavaScript code using .trigger() or .triggerHandler().
-->
<div> ABC </div>
<p></p>

CSS

div{
    width:100px;
    height:200px;
}
p>div{
    width:200px;
    height:25px;
    border:2px solid black;
}

JavaScript

$(document).ready(function(){
    var i=0;
    $("div").bind("remoEvent",function(){
        i=++i;
        $("p").append("<div>my name is sukanya"+(i)+"</div>");
    });
    for(var x=0;x<10;x++)
    $("div").trigger("remoEvent");
});