Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
A função document.querySelector() retorna o elemento buscado dentro do documento de acordo com o seletor. Repare que a sintaxe do seletor é a mesma do CSS, então, se você procura por um elemento pela classe, ele deve começar com um ponto (Exemplo: document.querySelector('.tecla') ), caso procure o elemento pelo id, ele deve começar com # e o id do elemento.