JSFiddle - React, Tailwind, and code Playground

by nathan

HTML

<ul id="playlist" />

JavaScript

var playlistEl = document.getElementById('playlist');
var noop = function (event) {
    event.preventDefault();
    event.stopPropagation();
};
playlistEl.addEventListener('drop', function (event) {
    var file = event.dataTransfer.files[0];
    var item = document.createElement('li');
    item.innerHTML = file.name;
    this.appendChild(item);
    event.preventDefault();
    event.stopPropagation();
});
playlistEl.addEventListener('dragover', noop);
playlistEl.addEventListener('dragenter', noop);