JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<p class="clone"> Human </p>
<p class="none"> Sweet kittens </p>
<div class="clones">
    Alien clone area.
</div>

<input type="button" class="button" value="clone ">

CSS

.clone{border:1px solid orange; margin-bottom:20px;}
.none{border:1px solid blue; margin-bottom:20px;}

.clones{border:1px solid green; border-style:dashed; padding:3px; margin-bottom:20px;}

JavaScript

$(document).ready(function(){   
    $(".button").click(function(){
        $('.clone').detach().text('Bad alien clone').appendTo('.clones');
    });                      
});