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');