Получение нажатых клавиш в 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. Сделайте так, чтобы в этот момент введенный текст попадал в абзац под инпутом, а содержимое инпута очищалось.