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:

<input>

Obtengamos una referencia a él en una variable:

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

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

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

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

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

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

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

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

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

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

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

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.