JSFiddle - React, Tailwind, and code Playground

by Web Carvers

HTML

<p class="content">This a sample content to delete</p>
<button type="button" id="button" class="delete">Delete</button>

CSS

p.content{
       margin-bottom:20px;
}
button{
    border:none;
    color:#fff;
    cursor:pointer;
}
button.delete{
      background:#f00;
}
button.ok{
      background:#0f0;
}

JavaScript

$("#button").on('click', function(){
    if($(this).hasClass("delete"))
    {
        $(".content").remove();
        $(this).addClass("ok").removeClass("delete").text("Ok");
    }
    else
    {
        alert("Content Deleted!")
    }
});