Obtendo teclas pressionadas em JavaScript

Usando o objeto Event, podemos obter as teclas pressionadas. Vamos ver como isso é feito. Suponha que temos um input:

html<input>

Vamos obter uma referência para ele em uma variável:

javascriptlet elem = document.querySelector('input');

Vamos adicionar um evento ao nosso input, que é acionado a cada pressionamento de tecla:

javascriptelem.addEventListener('keypress', function(event) {
  
});

Na propriedade key do objeto de evento estará o caractere pressionado:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

E na propriedade code estará o código da tecla pressionada:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});