show file name when file input changed in mdb

gistfile1.txt

<div class="form-file">
  <input type="file" class="form-file-input" onchange="changeFile(this.files[0].name, 'form-file-personal-text')" id="customFile" name="personal" required/>
  <label class="form-file-label" for="customFile">
    <span class="form-file-text" id="form-file-personal-text">Personal Image ...</span>
    <span class="form-file-button">Select</span>
  </label>
</div>

<script>
function changeFile(filename, id)
{
  document.getElementById(id).innerHTML = filename;
}
</script>