JSFiddle - React, Tailwind, and code Playground

HTML

<form>Sword Slash
    <input class="playsound" type='image' src='' data-audio-url='http://noproblo.dayjo.org/ZeldaSounds/LOZ/LOZ_Shield.wav' />
    <audio id="playTarget" src="" autoplay style="display:none">
</form>

JavaScript

(function () {

    $(".playsound").on("click", function(e){
        var url = $(this).data("audio-url");
        
        $("#playTarget").attr("src", url);
        
        e.preventDefault();
    });

}());