Obtención de teclas presionadas en JavaScript

Con el objeto Event podemos obtener las teclas presionadas. Veamos cómo se hace. Supongamos que tenemos un input:

html<input>

Obtengamos una referencia a él en una variable:

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

Añadamos a nuestro input un evento, que se active con cada pulsación de tecla:

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

En la propiedad key del objeto del evento estará el carácter presionado:

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

Y en la propiedad code estará el código de la tecla presionada:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});
Задание 1

Cree un input que al escribir muestre los valores de las teclas presionadas y sus códigos.

Задание 2

Presione varias teclas en el input y observe qué valores y códigos tienen.

Задание 3

Determine qué código tendrá la tecla Enter.

Задание 4

Determine qué código tendrá la tecla BackSpace.

Задание 5

Hay un párrafo y un input. En él se introduce texto y se presiona la tecla Enter. Haga que en ese momento el texto introducido aparezca en el párrafo debajo del input, y se borre el contenido del input.