Olá, preciso de ajuda! Tentei criar um projeto análogo ao projeto do Aluramid, mesmo seguindo,igualmente, todos os passos da instrutura recebo a mensagem de erro "Uncaught TypeError: document.querySelector(...) is null". A única diferença na minha recriação do projeto é a estilização mais simples no css e o tamanho dos conteúdos de áudio utilizado no js
function tocaCanto (idElementAudio) {
document.querySelector(idElementAudio).play();
}
const listaDeItem = document.querySelectorAll('.item');
for(let contador = 0; contador < listaDeItem.length; contador++){
const item = listaDeItem[contador];
console.log(item)
const canto = item.classList[1];
console.log(canto)
const idAudio = `#som_${canto}`
console.log(idAudio)
item.onclick = function() {
tocaCanto(idAudio);
}
}