Eu tenho uma função de drag and drop (arrasta e solta) onde eu movimento uma div com uma imagem para dentro de outra div vazia, o problema é que o programa ta aceitando mais de uma div (ou imagem) por div de drop, isso não poderia acontecer, eu tentei fazer um if dentro do script pra verificar se tem algo na div mas mesmo assim não esta funcionando,
<script>
function allowDrop(ev) {
ev.preventDefault();
}
function dragStart(ev) {
ev.dataTransfer.setData('Text', ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var drag_data = ev.dataTransfer.getData('Text');
if(ev.target.tagName == 'DIV') {
ev.target.appendChild(document.getElementById(drag_data));
}
}f
</script>
