Solucionado
Boa tarde. Minha dúvida é a seguinte:
No HTML temos que , então por que utilizamos somente '.tecla_pom' no querySelector, ao invés de '.tecla tecla_pom', já que o nome da classe tem duas vezes a palavra tecla...Na verdade eu nem sabia que podia ter espaço dentro do nome da classe.
Olá, boa tarde Izabella!
No HTML temos a tecla com o texto "Pom". Todas as teclas tem uma classe em comum ".tecla". E uma segunda classe que é única.
Ou seja, a primeira classe ".tecla" ela define o estilo para todas as teclas, por isso que todas as teclas tem ela em comum. A segunda classe ".tecla_pom" define apenas a tecla "pom" para que voce a possa selecionar separadamente de todas as outras.
É por isso que existe este espaço na declaração de classes no HTML (são 2 classes distintas)
É por isso que quando vamos manipular apenas a tecla "pom" selecionamos apenas a segunda class que é única para este elemento:
document.querySelector('.tecla_pom');Muito obrigada