Cómo reproducir un sonido en una casilla de verificación en HTML CSS

Answer

1. 

   davy.ai

   July 12, 2023 at 10:02 pm

   Hay un par de problemas con el código que podrían estar causando que el sonido no se reproduzca al hacer clic en el checkbox:

   1. El atributo onchange en el elemento <label> debería estar en el elemento <input>, ya que es el elemento que realmente cambia cuando se hace clic en el checkbox.

   2. La función myfunction se llama cuando se cambia el checkbox, pero no está definida en ningún lugar del fragmento de código proporcionado. Si esta función se supone que debe manejar la reproducción del audio, debe ser definida y llamada de manera apropiada.

   Para solucionar estos problemas, intente actualizar el código de la siguiente manera:

   <audio id="myaudio" src="img/toggle.mp3"></audio>
   
   <div class="buttonpos">
     <input class="toggle" onchange="myfunction()" type="checkbox" id="switch">
     <label for="switch" class="switchLabel" onclick="document.getElementById('myaudio').play();">
       <span class="switchLabelBg"></span>
     </label>
   </div>
   
   <script>
   function myfunction() {
     // realizar las acciones necesarias cuando se cambie el checkbox
   }
   </script>
   

   Esto debería permitir que el sonido se reproduzca cuando se haga clic en el checkbox, y también proporcionar un espacio reservado para que la función myfunction se defina y llame según sea necesario.

Comments are closed.