JSFiddle - React, Tailwind, and code Playground

by sendil J

HTML

<div id="undo">
   
</div>
<div>
    <button id="popupBtn">Open popup</button>
</div>

CSS

button{
    width:50px;
    height:30px;
}
#undo{
    right: 30px;
    background:#ededed;
   border-radius:6px;
    z-index:1000;
    color: #004747;
    display:block;
    position:fixed;
}

JavaScript

var count = 1;   
$('#popupBtn').click( function() {
    
         $('#undo').append("<div id="+'naidu'+count+"><button>UnDo</button><span>Hello Text </span><br/></div>");
        $('#naidu'+count).show(); 
        $('#naidu'+count).fadeOut(6000);
               count++;
      });