JavaScript-da basylan düwmeleri almak

Event obýekti kömegi bilen basylan düwmeleri almak bolýar. Geliň muny nädip ýerine ýetirýändigine göz aýlalyň. Bizde bir input bolsun:

html<input>

Ona bir üýtgeýjide salgysyny alýarys:

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

Inputymyza her bir düwme basylyşynda işleýän wakany ýerleşdirýäris:

javascriptelem.addEventListener('keypress', function(event) {
  
});

Waka obýektiniň key aýratynlygynda basylan nyşan ýerleşer:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

code aýratynlygynda bolsa basylan düwmeniň kody ýerleşer:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});
Задание 1

Içine ýazylýan düwmeleriň bahalaryny we olaryň kodlaryny çykaryjýan input ýasaň.

Задание 2

Inputda dürli düwmeleri basyp görüň we olaryň nähili bahalary we kodlar bar bolşyna serediň.

Задание 3

Enter düwmesiniň nähili kod boljakdygyny anyklaň.

Задание 4

BackSpace düwmesiniň nähili kod boljakdygyny anyklaň.

Задание 5

Bir abzas we input berlen. Oňa tekst ýazylýar we Enter düwmesi basylýar. Şol wagt ýazylan tekstiň inputyň aşagyndaky abzasa geçmegini we inputyň mazmunynyň arassalanmagyny üpjün ediň.