JSFiddle - React, Tailwind, and code Playground

by Prasad

HTML

<!doctype HTML>
<html>
    </

CSS

td
{
	width:500px;
	height:80px;
	border:1px solid #000;
	margin-bottom:5px;
	padding:8px;
	cursor:default;
}

JavaScript

function allowDrop(ev)
{
ev.preventDefault();
}

function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
//alert("Id "+ev.target.id+" Being drag");
}

function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}