Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

cordial saludo, lo que hice fue quitar la clase pero a su vez solo que la clase se agregue cuando se usen el enter y espacio y no cuando tenga el foco o se cambi el mismo con el tabulador.

for( let contador=0;  contador < ListaDeTeclas.length; contador++){
    const tecla = ListaDeTeclas[contador]
    const instrumento = tecla.classList[1];
    console.log(instrumento)
    console.log(contador)

    const idAudio=`#sonido_${instrumento}`;
    console.log(idAudio)

    tecla.onclick = function (){
        playSonido(idAudio) 
          
 }
 tecla.addEventListener('keydown', function(event) {
    if (event.code === 'Enter' || event.code === 'Space') {
      tecla.classList.add('activa');

      
    }
  });

  tecla.addEventListener('keyup', function() {
    tecla.classList.remove('activa');
  });
        
    }
1 respuesta

¡Hola! ¿Cómo estás?

Gracias por tu aporte en el foro. Su contribución es esencial para el crecimiento de nuestra comunidad en Alura.

Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad.

Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!