const ListaDeTeclas = document.querySelectorAll('.tecla')
let cont = 0
while (cont<ListaDeTeclas.length) {
const tecla = ListaDeTeclas[cont]
const instrumeto = tecla.classList[1]
const iDaudio = `Som_${instrumeto}`
console.log(iDaudio)
tecla.onclick = function () {
tocaSom(iDaudio)
}
cont = cont + 1
console.log(cont)
}
function tocaSom(idElementoAudio) {
document.querySelector(idElementoAudio).play();
}
Fala, Reinaldo, tudo bom?
Vendo seu código notei que a variável const iDaudio = `Som_${instrumeto}` está buscando IDs que começam com "Som" em maiúsculas. No entanto, no index.html do curso esses IDs começam com minúsculas.
O JavaScript é case sensitive, ou seja, diferencia maiúsculas de minúsculas. Por isso, ele não encontrará os IDs "som_..." já que está procurando por "Som_..." .
Para corrigir isso, sua variável pode ficar assim:
const iDaudio = `som_${instrumeto}`
Espero ter ajudado!
10sons.js:72 Uncaught TypeError: Cannot read properties of null (reading 'play') at tocaSom (sons.js:72:48) at tecla.onclick (sons.js:64:7) ele está retornando esse erro porque não reconhece propriedade nula. Tem algum problena de func mas obrigado tambem fiz o que voce falou e não foi
descobri man, na verdade faltava o #antes da palavra som const iDaudio = #som_${instrumeto}