JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <form>
            <input type="file" id="poop" multiple="true" />
            <input type="reset"/>
        </form>
        <span id="output"></span>
    </body>
</html>

JavaScript

document.getElementById("poop").onchange = function () {
    var files = this.files;
    var out = "";
    for (var i = 0; i < files.length; i++){
        var y=files[i];
        for(var x in y)
        {
            out+=x+':'+y[x]+'<br>';
        }
        //out += files[i].size + "..";
    }
    document.getElementById("output").innerHTML = out;
};