JSFiddle - React, Tailwind, and code Playground

by Joshua Dwire

HTML

<div style="margin-top:100px; text-align:center">
    <img id="rockImage" src="http://outdoordesignbylucas.files.wordpress.com/2011/01/1-10-11-triangular-rock.jpg" alt="iRock" style="cursor:pointer" onclick="touchRock();" />
</div>

JavaScript

function resizeRock() {
    document.getElementById("rockImage").style.height = ((document.body.clientHeight - 100) * 0.5) + 'px';
}

resizeRock();

window.onresize=resizeRock;