Добивање на притиснати копчиња во JavaScript

Со помош на објектот Event може да се добиваат притиснати копчиња. Ајде да погледнеме како се прави ова. Нека имаме input:

html<input>

Да добиеме референца за него во променлива:

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

Ќе додадеме на нашиот 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

Направете input, кој ќе при внесување ги испишува вредностите на внесените копчиња и нивните кодови.

Задание 2

Притиснете различни копчиња во input-от и погледнете, какви вредности и кодови имаат.

Задание 3

Определете, кој код ќе има копчето Enter.

Задание 4

Определете, кој код ќе има копчето BackSpace.

Задание 5

Даден е параграф и input. Во него се внесува текст и се притиска копчето Enter. Направете така што во овој момент внесениот текст ќе се појави во параграфот под input-от, а содржината на input-от да се исчисти.