JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:right">
<img id='img' src="http://www.google.co.uk/intl/en_com/images/srpr/logo1w.png" >
</div>
<div>
    
<input id="click" type="button" value="Click me!"/>
<input id="newImage" type="button" value="Image 2" />
<input id="reset" type="button" value="Reset!" />
</div>

JavaScript

$(document).ready(function() {
        
    $('#img').data('oHeight',  $('#img').attr('height'));
    
    $('#click').click(function() {
        $('#img').attr('height', '50');
        return false;
    });
    
    $('#reset').click(function() {
        $('#img').attr('height',  $('#img').data('oHeight'));
    });
    
    $('#newImage').click(function() {
        var image = new Image;
        image.src = 'http://t3.gstatic.com/images?q=tbn:ANd9GcS77j9Wiv5vmA267kPi6ESGYc46C-9YJet0hdoDrLAcBJ6h2bE&t=1&usg=__RyLjZNiDLerG9q9KS3GFsmtlmpU=;'
        $('#img').attr('src', 'http://t3.gstatic.com/images?q=tbn:ANd9GcS77j9Wiv5vmA267kPi6ESGYc46C-9YJet0hdoDrLAcBJ6h2bE&t=1&usg=__RyLjZNiDLerG9q9KS3GFsmtlmpU=');
        $('#img').data('oHeight',  image.height);
    });
});