Image preview using HTML and JavaScript

loadImage.js

// JS

let img = document.getElementById('img');
let input = document.getElementById('input');

input.onchange = (e) => {
    if (input.files [0]) {
        img.src = URL.createObjectURL(input.files[0]);
    }
}

preview-image.html

<div>
    <img id="img" src="choose.png" height="500">
 </div>

 <input id="input" type="file">
    
<script src="loadImage.js"</script>