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 пернесі басылады. Енгізілген мәтін сол сәтте енгізу өрісінің астындағы абзацқа түсіп, енгізу өрісінің мазмұны тазартылатындай етіп жасаңыз.