JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<html>
<body>
    
    <div id="xRes">Top:<span></span></div>
    <div id="yRes">Left:<span></span></div>
    
    <input type="button" id="getPos" value="Get X,Y"/>
    
<img src="http://www.katimorton.com/wp-content/uploads/2012/05/mr-happy.jpg" id="myImg"/>
</body>
</html>

CSS

#myImg{
    
}

JavaScript

$(document).ready(function () {
    $('#myImg').draggable();
    
    $('#getPos').on('click', function(){
        
        var xRes = $('#xRes span');
        var yRes = $('#yRes span');
        
        var image = $('img#myImg');
        
        xRes.html(image.offset().top);
        yRes.html(image.offset().left);
    });
});