JSFiddle - React, Tailwind, and code Playground

by joseeight

HTML

<div id="lowerbox"> 
    <img id="image1" src="http://i937.photobucket.com/albums/ad216/marronzinho/avata64x64_zps34e68d8e.jpg" draggable="true" />
    <img id="image2" src="http://i65.photobucket.com/albums/h203/Vovva/avatarer/64x64_birka.gif" draggable="true"/> 
    <img id="image3" src="http://i119.photobucket.com/albums/o154/thegreatulfgrim/SAA/64x64.jpg" draggable="true"/> 
    <img id="image4" src="http://i29.photobucket.com/albums/c270/jeweleddragon/WoldSad.jpg" draggable="true"/>
    <div id="working"></div>
</div>

JavaScript

var img1=document.getElementById("image1");
img1.addEventListener("dragstart", moveImage, false);

var working = document.getElementById('working'), counter = 0;
function moveImage(e) {
    counter++
    working.innerHTML = counter;
}