JSFiddle - React, Tailwind, and code Playground

by J. Jones

HTML

<table id='menu' style='float:right'>
    <tr>
        <td align='right'>
            <form action='' method='post' id='trash1' ondrop='emptyTrash(this,event)' ondragover='allowDrop(event)'>
                <img src='http://s27.postimg.org/jua3mu9q9/trash.jpg' alt='delete' width='55%' height='55%'></img>
            </form>
        </td>
    </tr>
</table>
<table>
    <tr>
        <td draggable="true">drag this text to the picture over there</td>
    </tr>
</table>

JavaScript

function emptyTrash(form, data) {
    input = document.createElement("input");
    input.setAttribute("item", data);
    form.appendChild(input);
    form.submit();
}