JSFiddle - React, Tailwind, and code Playground

HTML

<button>Button A</button>
<button>Button B</button>
<button>Button C</button>

CSS

button{
    border:1px solid #ffa4a4;
    padding:8px 40px;
    color:#000;
    background: #ffd1d1;
    cursor:pointer;
}
p{
    background:#d1eeff;
    padding: 5px 20px;
    border:1px solid #5dc4ff;
}
}

JavaScript

$('body').delegate('button', 'click', function(){
  $(this).replaceWith('<p>'+ $(this).text() +'</p>');
  $(this).clone().appendTo('body');
});