function tocaSomPom(){
document.querySelector('#som_tecla_pom').play();
}
document.querySelector('.tecla_pom').onclick=tocaSomPom;
function tocaSomClap(){
document.querySelector('#som_tecla_clap').play();
}
document.querySelector('.tecla_clap').onclick=tocaSomClap;Aparece o erro no console de
*main.js:4 Uncaught TypeError: Cannot set properties of null (setting 'onclick') at main.js:4:45 *
Bom dia GISELE ...
Observe o nome -> tecla_pom
na linha 4 do seu main -> document.querySelector('.tecla_pom').onclick=tocaSomPom
e na 1ª declaração de button no index.html -> button class="tecla tecla_pom">Pom /button
confirma como estão escritos pois devem ser iguais..
Em resumo, esse é um erro de quando um valor não é do tipo esperado. Ve se corrige o problema.
É que conforme a instrutora escreveu o codigo, eu copiei, mesmo assim permanece o erro
Cola seu index.html e seu main.js aqui.
Gisele tive o mesmo problema e resolvi de forma bem simples.
Você, assim como eu deve ter esquecido de passar o arquivo js ( ) para dentro do "body". Provavelmente o seu deve estar dentro do
. Comigo aconteceu não só por falta de experiência, mas também porque tive que parar e continuar no outro dia.Por isso ele aparece como "null" como ele não consegue ler o arquivo.js ele considera que não existe.