Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

No funciona el código en el navegador

function playSonido(idElementoAudio){
  document.querySelector(idElementoAudio).play();
}

const listaDeTeclas = document.querySelectorAll('.tecla');

let contador = 0

while(contador < 9){
  listaDeTeclas[contador].onclick = function(){
    playSonido('#sonido_tecla_tom')
  }; 
  contador = contador + 1;
  console.log('Vuelta ' + contador);
}

en el navegador al momento de proba el codigo me generan 2 errores y el codigo esta escrito como en la clase no se a que se debe estos son los errores que marca: main.js:10 Uncaught TypeError: Cannot set properties of undefined (setting 'onclick') at main.js:10:35 main.js:1 Uncaught SyntaxError: Identifier 'listaDeTeclas' has already been declared (at main.js:1:1)

1 respuesta
solución!

¡Hola! Los errores que estás viendo en la consola del navegador pueden deberse a un par de cosas.

El primer error "Uncaught TypeError: Cannot set properties of undefined (setting 'onclick')" se debe a que estás intentando establecer la propiedad 'onclick' en un elemento que no está definido. Esto puede ocurrir si el selector '.tecla' no está encontrando ningún elemento en tu documento HTML. Asegúrate de que tienes elementos con la clase 'tecla' en tu HTML para que el selector funcione correctamente.

El segundo error "Uncaught SyntaxError: Identifier 'listaDeTeclas' has already been declared" indica que has declarado la variable 'listaDeTeclas' más de una vez en tu código. Es posible que hayas declarado esta variable en otro lugar de tu código, lo que está causando este conflicto. Asegúrate de que solo estás declarando 'listaDeTeclas' una vez.

¡Saludos!

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