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