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

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

html<input>

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

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

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

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

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

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

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

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

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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