JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="form-group">
    <label for="uploadFile">File input</label>
    <input type="file" id="uploadFile">
</div>
    <div id="write"><button type="button" onclick="getAfilepath()">Print Filepath</button></div>

JavaScript

function getAfilepath(){    
    var afilepath = document.getElementById("uploadFile").value;
    document.getElementById("write").innerHTML=afilepath;
}