Получаване на натиснати клавиши в JavaScript

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

<input>

Нека получим референция към него в променлива:

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

Нека добавим към нашето 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);
});

Направете input поле, което при въвеждане ще извежда стойностите на въведените клавиши и техните кодове.

Натискайте различни клавиши в input полето и вижте какви стойности и кодове имат.

Определете какъв код има клавишът Enter.

Определете какъв код има клавишът BackSpace.

Даден е параграф и input поле. В него се въвежда текст и се натиска клавишът Enter. Направете така, че в този момент въведеният текст да се прехвърля в параграфа под input полето, а съдържанието на input полето да се изчиства.