Pobieranie naciśniętych klawiszy w JavaScript

Za pomocą obiektu Event można pobierać naciśnięte klawisze. Spójrzmy, jak to się robi. Załóżmy, że mamy input:

<input>

Pobierzmy referencję do niego do zmiennej:

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

Nałóżmy na nasz input zdarzenie, wyzwalane przy każdym naciśnięciu klawisza:

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

We właściwości key obiektu ze zdarzeniem będzie znajdować się naciśnięty symbol:

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

A we właściwości code będzie znajdować się kod naciśniętego klawisza:

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

Zrób input, który będzie przy wprowadzaniu wypisywał wartości wciśniętych klawiszy i ich kody.

Ponaciskaj w inpucie różne klawisze i spójrz, jakie mają one wartości i kody.

Określ, jaki kod będzie miał klawisz Enter.

Określ, jaki kod będzie miał klawisz BackSpace.

Dany jest akapit i input. Wprowadza się do niego tekst i naciska klawisz Enter. Zrób tak, aby w tym momencie wprowadzony tekst trafiał do akapitu pod inputem, a zawartość inputa była czyszczona.