Атрыманне націснутых клавіш у JavaScript

З дапамогай аб'екта Event можна атрымліваць націснутыя клавішы. Давайце паглядзім, як гэта робіцца. Хай у нас ёсць інпут:

<input>

Атрымаем спасылку на яго ў зменную:

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

Навядзём на наш інпут падзею, якая спрацоўвае па кожным націску клавішы:

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

У уласцівасці key аб'екта з падзеяй будзе ляжаць націснуты сімвал:

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

А ў уласцівасці code будзе ляжаць код націснутай клавішы:

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

Зрабіце інпут, які будзе па ўводзе выводзіць значэнні уведзеных клавіш і іх коды.

Панаціскайце ў інпуце розныя клавішы і паглядзіце, якія ў іх значэнні і коды.

Вызначыце, які код будзе ў клавішы Enter.

Вызначыце, які код будзе ў клавішы BackSpace.

Дадзены абзац і інпут. У яго ўводзіцца тэкст і націскаецца клавіша Enter. Зрабіце так, каб у гэты момант уведзены тэкст трапляў у абзац пад інпутам, а змесціва інпута ачышчалася.