JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">click on me to get in a</div>

<hr><br>

<div class="b"> replace </div>

CSS

.a {
    border: 4px red solid;
}
.b {
    border-color: yellow !important;
}

JavaScript

$(function(){
    $("div.a").click(function(){
        this.style.borderColor = "rgb( "+(Math.ceil(Math.random()*254))+", 0, 0)";
    });
    $("div.b").one('click', function(){
        $(".a").detach().appendTo( this );
    });
})