jueves, 24 de septiembre de 2020

Cómo dar sonido a un Botón en html con javascript

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>

No hay comentarios:

Publicar un comentario

Blogs Colombia