js拖拽代码，前一张为运行结果，后一张为使用方法，请写出全部原代码代码

Question

前一张为要运行实现的结果，后一张为使用方法，请写出全部代码，全部

Answer 1

第二张图的代码有问题，是针对文件 拖放的。用下的就行了

<style>
    .container{border:solid 1px #000;width:400px;height:400px;float:left;user-select:none}
    .container .item{border:solid 1px #000;width:100px;height:100px;border-radius:50%;display:inline-block;background:#f00;text-align:center;line-height:100px;box-sizing:border-box}
    #to{margin:200px 0 0 200px}
</style>
<div class="container" id="from">
    <script>for (var i = 1; i <= 8; i++)document.write(`<div class="item" draggable="true">${i}</div>`)</script>
</div>
<div class="container" id="to"></div>
<script>
    var from = document.querySelector('#from'), to = document.querySelector('#to'),target;
    from.addEventListener('dragstart', function (e) {
        target = e.target; 
    })
    to.addEventListener('dragover', function (e) {
        e.preventDefault()
    })
    to.addEventListener('drop', function (e) {
        e.preventDefault();
        to.appendChild(target);
    })
</script>