JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one">
    <p>FIRST</p>
</div>
<div id="two">
    <p>SECOND</p>
</div>
<button class="swap" onclick="myFunction()">Swap divs
    </button>

JavaScript

myFunction = function(){
    var div1 = document.getElementById('one');
    var div2 = document.getElementById('two');

    var html = div1.innerHTML;
    div1.innerHTML = div2.innerHTML;
    div2.innerHTML = html;
};