JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<div id="one">xyz</div>
    <div id="two">abc</div>
    <input id="reverse" type="button" value="Reverse" />

CSS

#one {
   background: #f00;   
}

#two {
      background: #0f0;     
}

JavaScript

$('#reverse').click(function() {
    var one = $('#one');
    $('#two').attr('id', 'one');
    one.attr('id', 'two');
});