JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" value="test2" name="rad" onclick="boom(this.value);">test2
<input type="radio" value="test3" name="rad" onclick="boom(this.value);">test3
<input type="radio" value="test4" name="rad" onclick="boom(this.value);">test4
<br>
	<audio id="audio" controls>
    <source src="" type="audio/ogg">
    <source src="" type="audio/mpeg">
    <source src="test1.wav" type="audio/wav" id="sound">
</audio>

JavaScript

function boom(val){
	var audio = document.getElementById("audio");
		var aud = document.getElementById("sound");
		aud.src=val+".wav";
		audio.load();
	}