JSFiddle - React, Tailwind, and code Playground

by DigitalBiscuits

HTML

<div id="myDiv">
Container Div with a background
</div>

CSS

#myDiv
{
    width:300px;
    height:400px;
    background-image:URL("http://www.digitalbiscuits.co.uk/art/3DRandom/3DRandom_036.jpg");
}

JavaScript

var increment = 1;
$('#myDiv').click(function()
{
    var imageUrl = "http://www.digitalbiscuits.co.uk/art/3DRandom/3DRandom_035.jpg"
    $('#myDiv').css('background-image', 'url(' + imageUrl + ')');
});