JSFiddle - React, Tailwind, and code Playground

by xixonia

HTML

<button>Click Me</button>

CSS

.myClass
{
    background:orange;
    height:100px;
    width:100px;
    float:right;
    border: 1px solid red;
    border-radius: 5px;
    margin: 5px;
}

JavaScript

$('.myClass').live('onCreated', function() {
    if($('.myClass').length % 2 == 0) {
        $(this).css({
            'box-shadow': '0px 0px 10px rgba(0,0,0,0.65) inset',
            'background': 'white',
            'border-color': 'gray'
        });
    } else {
        $(this).css({
            'box-shadow': '0px 0px 15px rgba(0,0,0,0.65)',
            'background': 'gray',
            'border-color': 'white'
        });
    }

});

$('.myClass').trigger('onCreated');

$('button').click(function(){
    
    $('<div class="myClass"></div>')
        .appendTo($('body'))
        .trigger('onCreated');
});