JSFiddle - React, Tailwind, and code Playground

by Robbie Wxyz

HTML

<div style="width:200px;height:30px;position:absolute;" id="files">No files selected.</div>
<input type="file" style="position:absolute;width:200px;height:30px;opacity:0;" id="selector"/>

JavaScript

document.getElementById("selector").addEventListener("change",function(){
    document.getElementById("files").innerHTML=
        document.getElementById("selector").files[0].name;
});