Es común ver que las páginas usan sonidos al hacer click en botones y esto hace que mejore la experiencia de usuario y para esto podemos usar el siguiente código:
<button class="sonido">Nombre_Boton</button>
<audio src=""></audio>
<script>
let boton = document.querySelector(".sonido")
let audioEtiqueta = document.querySelector("audio")
boton.addEventListener("click", () => {
audioEtiqueta.setAttribute("src", "nombre_del_audio")
audioEtiqueta.play()
console.log(`Reproduciendo: ${audioEtiqueta.src}`)
})
</script>
