JSFiddle - React, Tailwind, and code Playground

by mendelthecoder

HTML

<div id = 'foo'><span id = 'dynamic'>blah</span></div>
<div id = 'bar'>blah2</div>
<input value = "click meh" type = 'button' id = 'butt' />
<div class = 'switcher'>test</div>
<div class = 'switcher'>blah</div>

CSS

div{
    border: 1px solid black;
    width: 50px;
    margin: 5px;
    padding: 2px 5px;
}

JavaScript

$(document).on("click","#butt",function(){
    $('#foo').html('<span id = \'dynamic\'>blah</span>');
});

$(document).on("click",".switcher",function(e){
    $('#dynamic, #bar').html( $(e.target).html() );
});