JSFiddle - React, Tailwind, and code Playground

by lonewolfs

HTML

<input id="btn" type="button" value="Click Me"/>
<div class="question_root"></div>

CSS

.question_root{
    border:thin solid #F00;
    width:100px;
    height:300px;
}
.btn_i_q
{
    width:100px;
    height:50px;
    border:thin solid #F00;
    padding:5px;
    margin:3px;
    cursor:pointer;
}
#del{
    cursor:pointer;
    border:thin solid #F00;
}

JavaScript

$("#btn").live('click',function(){ 
    $(".question_root").html("<div id='del'>Delete</div>");
    
});

$('#del').live('click',function(){
    $(this).fadeOut('slow',function(){
        $(this).html("are you ready?<br><br><span id='no' class='btn_i_q'>No</span><span class='btn_i_q'>Yes</span>").fadeIn('slow');
    });
});