JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="document-file" /><button>Click Me</button>

JavaScript

$('button').click(function(){
    var files = $("#document-file").val();
    if(files.length > 0){
         $('body').append(files + '<br />');
    } else {
         $('body').append('No File <br />');
    }
});