JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<div class="objectDrag" 
		style="width:10%; color:white;border:black 1px solid; background-color:#00A">Drag me</div>

	<div id="garbageCollector" style="width:100%; height:400px; background-color:#333; color:white;"> Drop items on me</div>

JavaScript

$(document).ready(function(){
		$(".objectDrag").draggable({helper:'clone'});  

		$("#garbageCollector").droppable({
			accept: ".objectDrag",
			drop: function(event,ui){
					console.log("Item was Dropped");
					$(this).append($(ui.draggable).clone());
				}
		});

	});