JSFiddle - React, Tailwind, and code Playground

by domslee

HTML

<div id='drop' draggable='true'>1.5343</div>
<div id='dropzone'>Drag here</div>

CSS

#dropzone{
    width:200px;
    height:200px;
    background-color:green;
}

JavaScript

drop = document.getElementById("drop")
dropZone = document.getElementById("dropzone");
dropZone.addEventListener("drop", HandleDrop);

document.addEventListener("dragover", function(e){
    e.preventDefault();
})

function HandleDrop(e){
    e.preventDefault()
    dropZone.innerHTML = Math.round(drop.innerHTML*10)/10;
}