JSFiddle - React, Tailwind, and code Playground

by fritzdenim

HTML

<div id="drag" draggable="true">This element</div>
<div id="drop"></div>

CSS

#drop {
    height: 100px;
    border: 4px dashed #c00;
}
#drag {
    margin: 50px;
    border: 1px solid #00c;
}

JavaScript

var drop = document.getElementById('drop');
drop.ondrop = function(event) {
  event = event || window.event;
  this.innerHTML += '<p>' + event.dataTransfer.getData('Text') + 
'</p>'; 
event.cancelBubble= true;
return  false;
};

var appEngineLogo = document.createElement('img')