JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="myUploadInput" />
    
<audio id="myAudioElement"></audio>

JavaScript

document.getElementById("myUploadInput").addEventListener("change", function() {
    
    console.log("change", document.getElementById("myUploadInput").files[0])
    
    var reader = new FileReader();
    
    reader.onload = function (event) {
        document.getElementById("myAudioElement").src = event.target.result;
        document.getElementById("myAudioElement").play();
    };
    
    reader.readAsDataURL(document.getElementById("myUploadInput").files[0]);
});