Entrar Ainda não tem acesso?
3
respostas

meu código deu um erro mais funcionar de boa

Referente ao curso JavaScript para Web: Crie páginas dinâmicas, no capítulo Iterando em listas e atividade Textos dinâmicos

por Wesley de Lima Marques
| 120.6k xp | 163 posts

Erro mp navegador edge e no chrome main.js:10 Uncaught TypeError: Cannot read properties of undefined (reading 'classList') at main.js:10:21

Erro no navegador firefox Uncaught TypeError: tecla is undefined http://127.0.0.1:5500/main.js:10

JS

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

function tocaSom(somTecla){
    document.querySelector(somTecla).play();
}

let i = 0
while(i<=listaDeTeclas.length){
    let tecla = listaDeTeclas[i];
    let som = tecla.classList[1];
    let idSom = `#som_${som}`;
    tecla.onclick = function(){
        tocaSom(idSom)
    }
    i++
}
3 respostas
por Geibison Roberto Rocha de Moura
| 172.6k xp | 60 posts

velho,se deu erro na execução tu precisa tratar esse erro. pq qualquer aplicação seja de computador ou mobile, esse erro é enviado para o visualizador de logs e dai qanto mais usa mais enche :D

isso não serve só pra teu exemplo, serve pra tudo.

por Gustavo Henrique Dias
| 99.5k xp | 21 posts
Desenvolvedor de sistemas

Amigo, boa tarde, tudo bem? eu fiz um teste aqui e acho que o erro se dá pelo calculo do comprimento da lista ali na condição do while. o certo é só enquanto o i for menor, e não menor e igual. 


let i = 0
while(i < listaDeTeclas.length) {
    let tecla = listaDeTeclas[i];
    let som = tecla.classList[1];
    let idSom = `#som_${som}`;
    tecla.onclick = function(){
        tocaSom(idSom)
    } 
    i++
}
por Wesley de Lima Marques
| 120.6k xp | 163 posts

valeu mesmo pela solução agradeço