Добијање притиснутих тастера у 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. Направите тако да у том тренутку унети текст буде уписан у пасус испод инпута, а садржај инпута се обрише.